.btn {
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  background: #e6e6e6;
  line-height: 30px;
  margin: 16px;
  font-size: 17px
}

.btn-inner:hover, btn[disabled] {
  background-color: rgba(255, 255, 255, 0.4)
}

.btn-label {
  padding: 0 8px
}

.icon-btn-wrap {
  position: relative;
  display: inline-block;
  margin: 10px
}

.tooltip {
  position: absolute;
  left: -22px;
  bottom: -28px;
  white-space: nowrap;
  box-shadow: 0px 2px 8px #ccc;
  padding: 4px
}

.link-btn {
  width: 100%;
  height: 100%
}

.upload-btn {
  position: relative
}

.upload-btn input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0
}

.dialog-wrap {
  position: fixed;
  top: 50%;
  left: 50%
}

.dialog {
  position: relative;
  z-index: 1;
  display: inline-block;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  background: #fff
}

.dialog-head {
  line-height: 44px;
  color: #666;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd
}

.dialog-body {
  padding: 20px
}

.dialog-foot .btn {
  float: right
}

.hide {
  display: none
}

.d-menu-wrap {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 10px
}

.unactive .menu-wrap {
  height: 0;
  overflow: hidden
}

.d-menu-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.d-menu-wrap .menu-wrap {
  position: relative;
  z-index: 1;
  margin-top: 11px
}

.d-menu-wrap .menu-wrap:before, .d-menu-wrap .menu-wrap:after {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: -10px
}

.d-menu-wrap .menu-wrap:before {
  top: -10px;
  border-width: 10px;
  border-bottom-color: rgba(0, 0, 0, 0.239216)
}

.d-menu-wrap .menu-wrap:after {
  top: -9px;
  border-width: 10px;
  border-bottom-color: #fff
}

.menu-scroller-wrap {
  overflow-y: auto
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3)
}

.menu-wrap {
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 4px;
  border-radius: 2px
}

.menu-item {
  padding: 2px 12px
}

.menu-item-selected {
  background: #ccc
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.fadein {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear
}

.toast {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  line-height: 43px;
  text-align: center;
  background: #fff
}

.success {
  background: #dff0d8
}

.warning {
  background: #fcf8e3
}

.error {
  background: #f2dede
}

.tab-head-wrap {
  line-height: 35px
}

.tab-head-item {
  display: inline-block
}

.img-wrap {
  display: inline-block;
  background: no-repeat 50% 50%;
  background-color: #e6e6e6;
  background-size: cover
}

.img-wrap img {
  width: 100%;
  display: block
}


/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

a:active, a:hover {
  outline: 0
}

h1 {
  margin: 0.67em 0;
  font-size: 2em
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

mark {
  color: #000;
  background: #ff0
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0
}

legend {
  padding: 0;
  border: 0
}

button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}

button[disabled], html input[disabled] {
  cursor: default
}

input[type="checkbox"], input[type="radio"] {
  padding: 0;
  box-sizing: border-box
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
  outline: 0
}

.form-control:-moz-placeholder {
  color: #a5a5a5
}

.form-control::-moz-placeholder {
  color: #a5a5a5;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #a5a5a5
}

.form-control::-webkit-input-placeholder {
  color: #a5a5a5
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.transparent {
  visibility: hidden !important
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell
}

.input-group-addon:last-child {
  border-left: 0
}

body, p, form {
  margin: 0
}

input {
  padding: 0
}

ul, ol, li {
  margin: 0;
  padding: 0
}

input::selection, textarea::selection {
  background: #D8EBFF
}

input::-moz-selection, textarea::-moz-selection {
  background: #D8EBFF
}

ul, li {
  list-style: none
}

.clear {
  clear: both
}

.right {
  float: right
}

.left {
  float: left
}

.transparent {
  visibility: hidden
}

html {
  font-size: 62.5%;
  width: 100%
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
  -webkit-tap-highlight-color: transparent
}

a {
  outline: none;
  text-decoration: none;
  color: #333
}

a:link, a:visited, a:hover, a:active {
  outline: none;
  cursor: pointer
}

.dn {
  display: none !important
}

.fix {
  zoom: 1
}

.fix:after {
  display: block;
  content: 'clear';
  clear: both;
  line-height: 0;
  visibility: hidden
}

sub {
  display: inline;
  vertical-align: sub
}

hr {
  margin-top: 4px;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dedede;
  margin-bottom: 4px
}

.backcover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: #000;
  filter: alpha(opacity=50);
  opacity: .5;
  display: none
}

.backcover.active {
  display: block
}

.crumb-list {
  line-height: 12px;
  font-size: 0
}

.crumb-list a, .crumb-list span {
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  border: 1px solid transparent
}

.crumb-list .icon-breadcrumb {
  text-align: center;
  width: 14px
}

.crumb-list .list-crumb-item {
  color: #666;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px
}

.crumb-list .crumb {
  color: #6886aa
}

.crumb-list .crumb:hover {
  color: #6290cc
}

.crumb-list .no-crumb {
  color: #666
}

.hicon {
  color: #888
}

.hicon:hover {
  color: #333
}

.hicon:active {
  color: #5e97d4
}

.hicon.active {
  color: #5e97d4
}

input, div.editable {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 1px 2px #ddd inset;
  border: 1px solid #ccc;
  color: #333
}

input:hover, div.editable:hover {
  border-color: #888
}

input:focus, div.editable:focus {
  border-color: #5e97d4
}

input.error, div.editable.error {
  border-color: #ee7b70
}

input:-moz-placeholder, div.editable:-moz-placeholder {
  color: #cdcdcd
}

input::-moz-placeholder, div.editable::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1
}

input:-ms-input-placeholder, div.editable:-ms-input-placeholder {
  color: #cdcdcd
}

input::-webkit-input-placeholder, div.editable::-webkit-input-placeholder {
  color: #cdcdcd
}

.btn {
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #fbfbfb);
  background: -webkit-linear-gradient(top, #fff, #fbfbfb);
  background: -o-linear-gradient(top, #fff, #fbfbfb);
  background: -ms-linear-gradient(top, #fff, #fbfbfb);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #c3c4c6;
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #53585c;
  font-size: 12px;
  padding: 0 30px
}

.btn:before {
  content: ' ';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.btn:hover {
  border-color: #9ea0a3;
  color: #41464b
}

.btn:active, .btn.press, .btn.active {
  border-color: #8b8e91;
  color: #2c3033
}

.btn.disable {
  border-color: #e8e9e9;
  color: #d6d7d8
}

.btn.disable:active, .btn.disable:hover, .btn.disable.press, .btn.disable.active {
  border-color: #e8e9e9;
  color: #d6d7d8
}

.btn.btn-ok {
  background: #41464b;
  border-color: #41464b;
  color: #fff
}

.btn.btn-ok:before {
  display: none
}

.btn.btn-ok:hover {
  background: #313438;
  border-color: #313438
}

.btn.btn-ok:active, .btn.btn-ok.press, .btn.btn-ok.active {
  background: #2c3033;
  border-color: #2c3033
}

.btn.btn-ok.disable {
  background: #41464b;
  border-color: #41464b;
  opacity: .3;
  color: #fff
}

.btn.btn-ok.disable:hover, .btn.btn-ok.disable.press, .btn.btn-ok.disable.active {
  background: #41464b;
  border-color: #41464b;
  opacity: .3;
  color: #fff
}

.btn.btn-error {
  background: #e95555;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-error:hover {
  background: #cd4848;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-link {
  background: transparent;
  margin: 0;
  padding: 0;
  color: #6da2d7;
  border: none
}

.btn.btn-link:hover {
  text-decoration: underline
}

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  height: 16px;
  line-height: 18px;
  bottom: -22px;
  color: #888;
  white-space: nowrap;
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  display: none
}

.tooltip:hover:after {
  display: block
}

.sprite {
  background: url() no-repeat;
  background-size: 187px 266px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .sprite {
    background: url() no-repeat;
    background-size: 187px 266px
  }
}

.team-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-size: 499px 310px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .team-sprite {
    background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.add-item-import, .add-item-new_import {
  background-image: url();
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-position: -2px, 0;
  background-size: 24px, 24px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .add-item-import, .add-item-new_import {
    background-image: url()
  }
}

.trangle span, .trangle-box span {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  top: -7px;
  background: none
}

.trangle span.top, .trangle span.down, .trangle-box span.top, .trangle-box span.down {
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff
}

.trangle span.left, .trangle span.right, .trangle-box span.left, .trangle-box span.right {
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #fff
}

.trangle span.left, .trangle-box span.left {
  border-right-color: rgba(136, 136, 136, 0.2)
}

.trangle span.top, .trangle-box span.top {
  top: -8px;
  border-bottom-color: rgba(136, 136, 136, 0.2);
  z-index: 10
}

.trangle span.down, .trangle-box span.down {
  z-index: 11
}

.overflow-hidden {
  overflow: hidden
}

.arrow-up {
  display: none
}

.arrow-up span {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -7px;
  left: 19px;
  background: none
}

.arrow-up .top {
  top: -8px;
  border-bottom-color: rgba(136, 136, 136, 0.15);
  z-index: 10
}

.arrow-up .down {
  z-index: 11
}

.arrow-down {
  display: none
}

.arrow-down span {
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  left: 19px;
  background: none
}

.arrow-down .top {
  bottom: -8px;
  border-bottom-color: rgba(136, 136, 136, 0.15);
  z-index: 10
}

.arrow-down .down {
  z-index: 11
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.modal-container {
  position: absolute;
  width: 656px;
  height: 500px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  margin-left: -327px;
  margin-top: -250px;
  background: #FFF;
  -webkit-box-shadow: 0px 1.5px 3px 1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 1.5px 3px 1px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0px 1.5px 3px 1px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0px 1.5px 3px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 1.5px 3px 1px rgba(0, 0, 0, 0.22)
}

.modal-close-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px
}

.modal-close-icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: -380px -100px
}

.modal-btn {
  width: 172px;
  height: 34px;
  display: inline-block;
  font-size: 14px;
  border-radius: 1px;
  text-align: center;
  line-height: 34px
}

.modal-confirm-btn, .modal-default-btn {
  color: #FFF;
  background-color: #41464B
}

.modal-confirm-btn:hover, .modal-default-btn:hover {
  background-color: #313438
}

.modal-confirm-btn.disable, .modal-default-btn.disable {
  border-color: #41464b;
  opacity: .3;
  color: #fff;
  pointer-events: none
}

.modal-cancel-btn {
  color: #41464b;
  background-color: #E5E5E5
}

.modal-cancel-btn:hover {
  background-color: #DADADA
}

.logo-30 {
  background-image: url();
  background-size: 112px 30px;
  display: block;
  width: 112px;
  height: 30px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .logo-30 {
    background-image: url()
  }
}

.logo-22 {
  background-image: url();
  background-size: 82px 22px;
  display: block;
  width: 82px;
  height: 22px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .logo-22 {
    background-image: url()
  }
}

.logo-22.left, .logo-30.left {
  float: left
}

.logo-22.right, .logo-30.right {
  float: left
}

.logo-22.center, .logo-30.center {
  margin-left: auto;
  margin-right: auto
}

.text-indent-all {
  text-indent: -9999px
}

.one-line-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.outer-container {
  width: 100vw
}

.disconnect {
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  text-align: center;
  background: #e8ecf1;
  border: 1px solid #c7d1df;
  display: none;
  border-radius: 4px;
  z-index: 2000;
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
  -webkit-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.6);
  -moz-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.6);
  -ms-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.6);
  -o-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.6);
  box-shadow: 0 1px 6px rgba(102, 102, 102, 0.6);
  line-height: 33px;
  font-size: 14px
}

.disconnect .disconnect-info, .disconnect .hicon {
  color: #53698c
}

.disconnect .hicon {
  margin-left: 10px;
  top: -1px
}

.disconnect-mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 66px;
  left: 0;
  background: rgba(255, 255, 255, 0.25);
  z-index: 1000
}

.m-disconnect-mask {
  position: fixed;
  z-index: 1000;
  top: 43px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  opacity: .5;
  background-color: #000
}

.m-disconnect-mask.active {
  display: block
}

.m-disconnect {
  position: fixed;
  z-index: 1001;
  top: -43px;
  left: 0;
  right: 0;
  height: 43px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  color: #41464b;
  line-height: 43px;
  text-align: center;
  background-color: #FFF
}

.m-disconnect .m-icon {
  height: 20px;
  width: 15px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/m_icons-c17f40618a.png);
  background-repeat: no-repeat;
  background-position: -326px 3px;
  background-size: 400px 300px
}

.m-disconnect.active {
  top: 0px;
  opacity: 1
}

.m-disconnect .m-icon {
  margin-bottom: -1px
}

.sm-dropdown, .sm-dropdown * {
  box-sizing: border-box
}

.sm-dropdown {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  z-index: 9999;
  min-width: 100px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  text-align: left;
  padding: 5px 0
}

.sm-dropdown-hidden {
  display: none
}

.sm-dropdown-mask {
  z-index: 9998;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.sm-dropdown-mask-hidden {
  display: none
}

.sm-dropdown-button {
  cursor: pointer;
  width: 80px;
  height: 27px;
  line-height: 25px;
  border: 1px solid #E5E5E5;
  text-align: center;
  color: #73A2E3;
  border-radius: 1px
}

.sm-dropdown-button:hover {
  border-color: #BBBBBB
}

.sm-dropdown-button:focus {
  background-color: rgba(0, 0, 0, 0.02)
}

.sm-dropdown-button:after {
  content: ' ';
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url() no-repeat;
  background-size: 5px 3px
}

.sm-dropdown-button.no-overlay:after {
  display: none
}

.sm-dropdown-menu:focus {
  outline: none
}

.sm-dropdown-menu .sm-dropdown-menu-item {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 15px
}

.sm-dropdown-menu .sm-dropdown-menu-item:hover {
  background-color: #F7F7F7
}

.sm-dropdown-menu .sm-dropdown-menu-item-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #E5E5E5
}

.sm-popver, .sm-popver * {
  box-sizing: border-box
}

.sm-popover {
  position: absolute;
  z-index: 1000;
  padding-top: 8px
}

.sm-popover-hidden {
  display: none
}

.sm-popover-arrow, .sm-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.sm-popover-arrow {
  top: 0;
  right: 16px;
  border-width: 7px;
  border-top-width: 0;
  border-bottom-color: #f0f0f0
}

.sm-popover-arrow:after {
  content: "";
  top: 1px;
  margin-left: -7px;
  border-width: 7px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF
}

.sm-popover-placement-bottom .sm-popover-arrow {
  right: 50%;
  margin-right: -7px
}

.sm-popover-inner {
  min-width: 177px;
  min-height: 80px;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2)
}

.sm-popover-inner>div {
  width: 100%;
  height: 100%
}

.sm-popover-inner-content {
  height: 100%
}

.sm-label {
  display: inline-block;
  vertical-align: bottom
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sm-switch {
  cursor: pointer;
  margin-bottom: 0
}

.sm-switch .groove {
  width: 43px;
  border-radius: 10px;
  background: #eee;
  height: 20px;
  box-shadow: 0 2px 3px #ccc inset;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #f5f5f5, #ededed);
  background: -webkit-linear-gradient(top, #f5f5f5, #ededed);
  background: -o-linear-gradient(top, #f5f5f5, #ededed);
  background: -ms-linear-gradient(top, #f5f5f5, #ededed);
  background: linear-gradient(180deg, #f5f5f5, #ededed)
}

.sm-switch .stick {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  margin-top: -23px;
  background: white;
  box-shadow: 0px 2px 4px #999;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(180deg, #fff, #f0f0f0);
  left: 0
}

.sm-switch .stick {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.sm-switch.on .groove {
  background: #48ae0a;
  border-color: #349e00;
  box-shadow: 0 2px 3px #349e00 inset;
  background: -moz-linear-gradient(top, #56ba17, #3fa701);
  background: -webkit-linear-gradient(top, #56ba17, #3fa701);
  background: -o-linear-gradient(top, #56ba17, #3fa701);
  background: -ms-linear-gradient(top, #56ba17, #3fa701);
  background: linear-gradient(180deg, #56ba17, #3fa701)
}

.sm-switch.on .stick {
  left: 25px
}

.sm-switch * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.sm-tab .tab-head-wrap {
  padding: 0 10px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 10px
}

.sm-tab .tab-head-item {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: -1px;
  font-size: 12px;
  line-height: 34px;
  color: #A5A5A5
}

.sm-tab .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-tab .tab-head-item:hover {
  color: #333
}

.sm-tab .tab-content-wrap {
  padding: 0 10px
}

.sm-dropdown-button.role-empty:after {
  display: none
}

@font-face {
  font-family: "chuxintech";
  src: url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-6631275458.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-6631275458.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-928b339612.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-0495352ac8.ttf") format("truetype"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-a71adef8f9.svg#chuxintech") format("svg")
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-249ec80c4d.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-249ec80c4d.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-4a4a818a0a.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-cc35f676db.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

.hicon {
  font-family: "chuxintech" !important;
  font-style: normal;
  display: inline-block;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

.hicon:before {
  text-rendering: optimizeLegibility
}

.hicon:empty {
  width: 1em
}

@font-face {
  font-family: "mf-shangya";
  src: url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-2334c3d318.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-2334c3d318.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-83ba89a89a.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-299eb5128c.ttf") format("truetype"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-18ee08d364.svg#mf-shangya") format("svg");
  font-style: normal;
  font-weight: normal
}

.header {
  position: relative;
  z-index: 110;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: -moz-linear-gradient(top, #fdfdfd, #fff);
  background: -webkit-linear-gradient(top, #fdfdfd, #fff);
  background: -o-linear-gradient(top, #fdfdfd, #fff);
  background: -ms-linear-gradient(top, #fdfdfd, #fff);
  background: linear-gradient(180deg, #fdfdfd, #fff);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -ms-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -o-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  height: 50px;
  line-height: 50px
}

.header.file-header {
  border-bottom: 1px solid #ddd
}

.header .hicon {
  top: 0
}

.h-container {
  height: 100%;
  width: 1136px;
  margin: 0 auto;
  position: relative
}

.header-left-box {
  height: 100%
}

.header-left-box .icon-arrow-back, .header-left-box .header-title-box, .header-left-box .header-status {
  float: left
}

.header-left-box .doc-logo {
  float: left;
  margin-left: 30px;
  margin-top: 14px
}

.header-left-box .s-home-link-wrap {
  float: left;
  height: 50px;
  padding-left: 30px
}

.header-left-box .s-home-link-wrap .s-home-link {
  display: inline-block;
  height: 16px;
  width: 66px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover;
  margin: 17px 0px
}

.header-left-box .s-home-link-wrap .s-home-link.custom-logo {
  background: none
}

.header-left-box .s-home-link-wrap .s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .header-left-box .s-home-link-wrap .s-home-link {
    background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.header-left-box .sheet-img-not-loggin {
  margin-left: 24px;
  margin-right: 9px
}

.header-left-box .title-loggin {
  margin-left: 4px;
  margin-right: 10px
}

.header-left-box .s-title {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0;
  text-align: left
}

.header-left-box .writeable-sheet-status-bar {
  float: none;
  vertical-align: top
}

.header-right-box {
  position: absolute;
  height: 100%;
  top: 0;
  right: 18px;
  line-height: 49px
}

.header-right-box .right-btn-group {
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-left: -10px
}

.header-right-box .right-btn {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
  border-radius: 2px;
  color: #666666;
  letter-spacing: 0
}

.header-right-box .mark-star {
  width: 72px;
  background: #fff;
  font-family: STsong, SimSun, "宋体", Heiti, "黑体", sans-serif
}

.header-right-box .mark-star.active {
  color: #ccc
}

.header-right-box .register-or-login {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, 0.06)
}

.header-dropdown-box {
  height: 100%;
  position: relative;
  outline: none;
  display: inline-block
}

.message-dropdown, .config-dropdown {
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  padding-bottom: 3px;
  border-radius: 2px;
  z-index: 1000;
  position: absolute;
  top: 48px;
  display: none;
  font-size: 14px;
  background-color: #fff
}

.message-dropdown.active, .config-dropdown.active {
  display: block
}

.message-dropdown .trangle span.top, .config-dropdown .trangle span.top {
  border-bottom-color: rgba(136, 136, 136, 0.1)
}

.dropdown-btn {
  cursor: pointer
}

.header-item-wrap {
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: top;
  font-size: 12px;
  color: #666;
  margin-left: 13px;
  margin-right: 15px
}

.header-item-wrap:last-child {
  margin-right: -12px
}

.header-item-btn {
  height: 52px;
  line-height: 52px;
  display: inline-block;
  color: #666
}

.header-item-btn:hover {
  color: #333
}

.header-item-icon {
  float: left;
  margin-top: 15px
}

.config-avatar {
  position: relative;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1)
}

.config-avatar img {
  width: 100%;
  height: 100%
}

.config-avatar:hover {
  box-shadow: 0px 1px 2px #888
}

.config-avatar.anonymous {
  cursor: default
}

.config-avatar.anonymous:hover {
  box-shadow: 0px 1px 2px transparent
}

.config-avatar .img-wrap {
  width: 20px;
  height: 20px;
  background-color: transparent !important
}

.config-avatar-wrap {
  position: relative;
  margin-top: 15px;
  width: 20px;
  height: 20px;
  text-align: left
}

.header-menu-popover .sm-popover-inner-content {
  width: 240px
}

.header-menu-items {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.header-menu-items .header-menu-dividing {
  height: 0;
  width: 210px;
  margin: 5px auto;
  border-bottom: 1px solid #e5e5e5
}

.header-menu-item {
  display: block;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #a5a5a5;
  line-height: 1em
}

.header-menu-item.enable-click {
  cursor: pointer;
  color: #666
}

.header-menu-item.enable-click:hover {
  background-color: #f5f5f5
}

.header-menu-item .account-type-wrapper {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.header-menu-item .account-type-wrapper a {
  color: #73a2e3
}

.header-menu-item .account-type-wrapper a:hover {
  color: #4682c1
}

.header-menu-item .account-email, .header-menu-item .account-email-setting {
  display: block;
  margin-top: 10px
}

.header-menu-item .account-upgrade-btn, .header-menu-item .enterprise-name {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e5e5e5
}

.header-menu-link {
  color: #6da0e3
}

.header-menu-link:hover, .header-menu-link:active, .header-menu-link:visited {
  color: #6da0e3
}

.used-amount-wrap.out-of-amount .used-amount-process {
  background-color: rgba(233, 85, 85, 0.2)
}

.used-amount-wrap.out-of-amount .used-amount-process .used-amount-part {
  display: none
}

.used-amount-process {
  height: 6px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: rgba(109, 160, 227, 0.1);
  border-radius: 1px
}

.used-amount-process .used-amount-part {
  height: 6px;
  border-radius: 1px;
  background-color: #6da0e3
}

.left-doc-img, .left-sheet-img {
  vertical-align: top;
  float: left;
  height: 20px;
  margin-top: 15px;
  width: 20px
}

.team-icon-doc {
  width: 20px;
  height: 20px;
  background-position: -20px -60px
}

.team-icon-sheet {
  width: 20px;
  height: 20px;
  background-position: -60px -60px
}

.header-status, .header-title-box, .left-doc-img, .left-sheet-img {
  display: inline-block
}

.header-status {
  margin-left: 13px;
  margin-top: 1px;
  font-size: 12px;
  color: #666
}

.header-title-box {
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #333
}

.header-title-box a {
  cursor: default
}

#header-title-name {
  padding-left: 4px;
  vertical-align: middle
}

.header-logo {
  color: #4b7499;
  text-decoration: none;
  margin: 3px 5px;
  position: absolute;
  top: 11px
}

.header-logo-img {
  display: block;
  width: 82px;
  height: 22px
}

.team-icon-star {
  width: 20px;
  height: 20px;
  background-position: -420px -100px
}

.team-icon-star.active {
  background-position: -460px -100px
}

.mark-star-icon {
  float: left;
  margin-top: 15px
}

.header-star-btn {
  display: inline-block;
  position: relative;
  float: left;
  height: 52px;
  line-height: 52px;
  padding-left: 5px;
  padding-right: 5px
}

.header-star-btn.active .mark-star-icon {
  background-position: -460px -100px
}

.header-star-btn .s-tooltip {
  display: none;
  top: 45px
}

.header-star-btn:hover .s-tooltip {
  display: inline-block
}

.header-item-add-wrap:hover .team-icon-add {
  background-position: -180px -60px
}

.team-icon-add {
  width: 20px;
  height: 20px;
  background-position: -180px -20px
}

.header-dropdown-wrap {
  position: absolute;
  top: 50px;
  margin-left: -10px;
  z-index: 1000;
  display: none;
  width: 116px;
  height: 145px;
  background: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc
}

.header-dropdown-wrap.active {
  display: block
}

.header-dropdown-wrap .top, .header-dropdown-wrap .down {
  left: 50%;
  margin-left: -7px
}

.header-dropdown-list {
  margin-top: 10px
}

.header-dropdown-list hr {
  width: 88px
}

.header-dropdown-item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  font-size: 12px;
  cursor: pointer
}

.header-dropdown-item:hover {
  background: #f5f5f5
}

.header-dropdown-item.disabled {
  cursor: default;
  opacity: .8
}

.header-dropdown-item.disabled:hover {
  background: none
}

.dropdown-item-icon {
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  background-repeat: no-repeat
}

.dropdown-item-text {
  padding-left: 12px;
  line-height: 30px
}

.import-file {
  position: relative
}

.import-file .import-file-tooltip {
  display: none;
  top: 5px;
  left: -85px
}

.import-file .import-file-tooltip:before {
  top: 6px;
  left: 147px;
  border-width: 6px;
  border-color: #41464b;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-color: transparent
}

.import-file:hover .import-file-tooltip {
  display: block
}

.create-team {
  position: relative
}

.create-team::after {
  content: "beta";
  position: absolute;
  line-height: 1;
  top: 4px;
  left: 42px;
  color: #6da2d7;
  font-weight: bold;
  font-size: 12px;
  transform: scale(0.67)
}

.header-notification-wrap {
  cursor: default
}

.header-notification-wrap.active {
  display: inline-block
}

.header-notification-link {
  color: #6da2d7
}

.header-notification-link:hover {
  text-decoration: underline
}

.header-notification-wrap:hover .header-notification-close {
  opacity: 1;
  pointer-events: auto
}

.header-notification-close {
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-position: -340px -100px;
  cursor: pointer
}

.header-avatar-wrap {
  position: relative;
  right: 220px
}

.spreadsheet .header-avatar-wrap-anonymous {
  right: 202px
}

.old-sheet-header .header-avatar-wrap {
  right: 166px
}

.old-sheet-header .header-avatar-wrap-unauthorized {
  right: 40px
}

.header-avatar-wrap-anonymous {
  right: 202px
}

.header-avatar-wrap-unauthorized {
  right: 94px
}

.avatar-wrap {
  height: 20px;
  width: 20px;
  overflow: hidden;
  border-radius: 20px
}

.header-avatar {
  position: absolute;
  right: 0;
  top: 15px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
  display: inline-block;
  padding: 0;
  overflow: visible;
  z-index: 101;
  -webkit-transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1);
  -moz-transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1);
  transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1)
}

.header-avatar.header-avatar-enter {
  right: 2px !important;
  z-index: 0 !important
}

.header-avatar.header-avatar-enter .header-avatar-color {
  display: none
}

.header-avatar.header-avatar-leave {
  right: 2px !important;
  z-index: 0 !important;
  opacity: 0
}

.header-avatar img {
  width: 100%;
  height: 100%
}

.header-avatar:hover .header-avatar-tooltip {
  display: block
}

.header-avatar-tooltip.tooltip {
  display: none;
  position: absolute;
  top: 27px;
  left: 9px
}

.header-avatar-color {
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 4px;
  border: 2px solid #FFF;
  position: absolute;
  bottom: 0px;
  right: -3px
}

.download-app-icon {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  background-position: -146px 0
}

.download-app-modal.flat-dialog .dialog {
  width: 320px
}

.download-app-modal.flat-dialog .dialog-body {
  padding-top: 10px;
  padding-bottom: 40px;
  text-align: center
}

.download-app-modal.flat-dialog .download-app-title {
  line-height: 1;
  font-size: 17px;
  color: #41464b
}

.band-icon-sprite {
  background-image: url();
  background-size: 70px 30px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .band-icon-sprite {
    background-image: url()
  }
}

.band-icon {
  display: inline-block;
  width: 25px;
  height: 30px;
  margin-left: -4px;
  vertical-align: middle
}

.ios-band-icon {
  background-position: 0 0;
  margin-right: 10px
}

.android-band-icon {
  background-position: -25px 0;
  margin-right: 10px
}

.download-app-btn {
  width: 180px;
  margin: 12px auto
}

.download-app-btn.sm-btn {
  text-align: left
}

.download-app-url-qrcode {
  width: 185px;
  height: 185px;
  margin: 35px auto;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 185px 185px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .download-app-url-qrcode {
    background-image: url()
  }
}

.crumb-wrap {
  position: relative;
  display: inline-block;
  float: left;
  line-height: 50px;
  height: 50px;
  overflow: visible;
  vertical-align: top
}

.crumb-dropdown-btn {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  background-position: -220px -180px
}

.crumb-dropdown-btn:hover {
  background-position: -260px -180px
}

.crumb-dropdown-wrap {
  position: absolute;
  display: none;
  width: 200px;
  max-height: 210px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 30px;
  background-color: #fff;
  z-index: 999;
  top: 55px;
  left: -93px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4);
  -moz-box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4);
  -ms-box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4);
  -o-box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4);
  box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4)
}

.crumb-dropdown-wrap.active {
  display: block
}

.crumb-list-item {
  height: 30px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer
}

.crumb-list-item:hover {
  background-color: #efefef
}

.crumb-list-link {
  display: inline-block;
  width: 100%;
  color: #444;
  line-height: 30px;
  padding-left: 36px
}

.crumb-list-indent0.crumb-list-link {
  padding-left: 0px
}

.crumb-list-indent1.crumb-list-link {
  padding-left: 12px
}

.crumb-list-indent2.crumb-list-link {
  padding-left: 24px
}

.crumb-list-indent3.crumb-list-link {
  padding-left: 36px
}

.crumb-list-icon {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 5px
}

.crumb-desktop-icon {
  background-position: -100px -220px
}

.crumb-team-icon {
  background-position: -140px -220px
}

.crumb-folder-icon {
  background-position: -260px -220px
}

.crumb-item-name {
  padding-left: 10px
}

.crumb-loading {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px
}

.crumb-loading-img {
  width: 100%;
  height: 100%
}

.header-back-up {
  float: left;
  margin-left: 6px;
  width: 31px;
  height: 50px
}

.header-back-up:hover .header-back-icon {
  background-position: -7px, 0
}

.header-back-icon {
  display: block;
  width: 7px;
  height: 14px;
  margin-top: 18px;
  margin-left: 15px;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 14px, 14px;
  background-position: 0, 0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .header-back-icon {
    background-image: url()
  }
}

.import {
  position: absolute;
  top: -3px;
  left: 100px
}

.paid-survey-modal {
  background: rgba(246, 246, 246, 0.92) !important
}

.paid-survey-modal .dialog {
  width: 700px !important;
  margin-left: -350px !important;
  top: 20% !important;
  outline: #ccc solid 1px;
  outline-offset: -12px
}

.paid-survey-modal .dialog-head {
  display: none
}

.paid-survey-modal .dialog-body {
  padding: 12px !important;
  width: 676px !important;
  height: 390px !important;
  max-height: 445px !important
}

.paid-survey-modal .dialog-body div {
  padding-left: 56px;
  padding-right: 56px;
  font-size: 15px;
  color: #41464b;
  line-height: 1.8
}

.paid-survey-modal .dialog-foot {
  display: none
}

.paid-survey-modal #survey-letter {
  width: 180px;
  height: 60px;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: 36px;
  background-size: 180px 60px;
  background: url("https://assets-cdn.shimo.im/assets/images/letter-4cb07ef5aa.png") no-repeat
}

.paid-survey-modal #survey-computer {
  margin-top: 18px;
  width: 456px;
  height: 170px;
  display: inline-block;
  background-size: 456px 170px;
  background: url("https://assets-cdn.shimo.im/assets/images/computer-6b71c64520.png") no-repeat
}

.paid-survey-modal #survey-founder {
  float: right
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .paid-survey-modal #survey-letter {
    background: url("https://assets-cdn.shimo.im/assets/images/letter_2x-680fc75552.png") no-repeat;
    background-size: 180px 60px
  }
  .paid-survey-modal #survey-computer {
    background: url("https://assets-cdn.shimo.im/assets/images/computer_2x-703fcada2a.png") no-repeat;
    background-size: 456px 170px
  }
}

#header .s-menu-btn-wrap {
  margin: 0;
  width: auto !important
}

#header .s-menu-btn-wrap .share-btn-wrap {
  float: initial
}

#header .s-menu-btn-wrap>* {
  line-height: initial;
  vertical-align: middle
}

#nprogress {
  pointer-events: none
}

#nprogress .bar {
  background: #787d83;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #787d83, 0 0 5px #787d83;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px)
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.list-view-wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

#list-view {
  height: 100%;
  width: 100%
}

.list-view-wrap {
  height: calc(100% - 52px);
  overflow: hidden;
  background: #f7f7f7
}

.list-container {
  position: relative;
  height: 100%;
  overflow: auto
}

.list-outer-container {
  position: relative;
  padding-left: 50px;
  margin-left: calc(50% - 473px);
  margin-left: calc(50vw - 473px);
  width: 896px;
  box-sizing: content-box
}

.list-outer-container.list-grid-table {
  width: 836px;
  margin-left: calc(50% - 443px);
  margin-left: calc(50vw - 443px)
}

.list-inner-container {
  width: 896px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  color: #333
}

.list-inner-container.ondrag .thumbnail {
  opacity: .5
}

.list-inner-container.ondrag .thumbnail.folder {
  opacity: 1
}

.list-inner-container.ondrag .sortable-dragging .thumbnail {
  opacity: 1
}

.list-inner-container.ondrag .table-doc-row .list-table-cell, .list-inner-container.ondrag .table-spreadsheet-row .list-table-cell {
  color: #a5a5a5
}

.list-inner-container.ondrag .table-doc-row .file-icon, .list-inner-container.ondrag .table-doc-row .file-tag-icon, .list-inner-container.ondrag .table-spreadsheet-row .file-icon, .list-inner-container.ondrag .table-spreadsheet-row .file-tag-icon {
  opacity: 0.5
}

.list-inner-container.ondrag .file-drag-feedback .file-icon {
  opacity: 0.9
}

.list-inner-container.list-grid-table {
  margin-top: 0;
  width: 836px
}

.list-item-content {
  z-index: 1;
  width: 122px;
  height: 126px;
  cursor: pointer;
  position: relative;
  line-height: 175px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px
}

.list-item-content.hover {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #f3f4f5
}

.list-item-content.hover .dropdown-btn {
  display: block
}

.list-item-content.doc-content .share, .list-item-content.spreadsheet-content .share {
  color: #c2cad2;
  top: 54px
}

.list-item-content.doc-content .list-share-count, .list-item-content.spreadsheet-content .list-share-count {
  color: #bfbfbf;
  top: 49px;
  left: 44px
}

.list-share-count {
  font-size: 12px;
  font-family: "SimHei";
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 30px;
  left: 52px;
  color: #8092a1;
  -webkit-text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  -ms-text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  -o-text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  pointer-events: none
}

.list-share-info {
  display: none;
  color: #fff;
  position: absolute;
  top: 30px;
  width: 100%;
  left: 2px;
  border: none;
  text-align: center;
  height: 20px;
  line-height: 20px
}

.list-share-info.active {
  display: block
}

.list-dropdown-btn {
  height: 26px;
  width: 26px;
  position: absolute;
  right: 1px;
  line-height: 20px;
  top: 100px;
  display: none
}

.list-dropdown-btn .icon-settings {
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  background: url() no-repeat;
  background-size: 36px 48px;
  background-position: 0px 0px
}

.list-dropdown-btn:hover .icon-settings {
  background-position: 0px -24px
}

.list-dropdown-btn:empty {
  width: 26px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .list-dropdown-btn .icon-settings {
    display: block;
    background-size: 18px 24px;
    background-position: -6px 0px
  }
  .list-dropdown-btn:hover .icon-settings {
    background-position: -6px -12px
  }
}

.list-inner-container>.list-item.first-line {
  margin-top: 0
}

.list-item {
  position: relative;
  height: 127px;
  width: 122px;
  margin-top: 24px;
  margin-right: 6px;
  display: inline-block
}

.list-item.sortable-dragging .list-item-content:hover {
  background: none;
  border: none
}

.list-item.sortable-dragging .list-item-content:hover .dropdown-btn {
  display: none
}

.list-item.sortable-placeholder {
  background: #f3f4f5;
  border-color: #e5e5e5;
  padding: 0;
  height: 125px;
  width: 120px;
  border-radius: 2px;
  border: 1px solid #d0d0d0
}

.list-item.scale .folder-style {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2)
}

.list-item-title {
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  color: #4b4b4b;
  width: 106px;
  word-break: break-all;
  line-height: 18px;
  max-height: 40px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.list-thumbnail {
  position: relative;
  float: left
}

.list-thumbnail.ondrag {
  background: #f3f4f5;
  border-color: #e5e5e5
}

.list-thumbnail.ondrag .folder-style {
  display: none
}

.list-thumbnail.active .list-item-content {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #f3f4f5
}

.list-thumbnail.active .dropdown-btn {
  display: block
}

.list-thumbnail.d-right .dropdown {
  left: auto;
  right: -2px
}

.list-thumbnail.d-right .list-trangle-item {
  left: auto;
  right: 8px
}

.file-folder-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/file_folder_sprite-932f44527e.png") no-repeat;
  background-size: 160px 220px
}

.little-icon-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/little_icon_sprite-7f93346d96.png");
  background-repeat: no-repeat;
  background-size: 400px 300px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .file-folder-sprite {
    background: url("https://assets-cdn.shimo.im/assets/images/file_folder_sprite_2x-61d22df794.png") no-repeat;
    background-size: 160px 220px
  }
  .little-icon-sprite {
    background-image: url("https://assets-cdn.shimo.im/assets/images/little_icon_sprite_2x-c441df50de.png")
  }
}

.file-item-sprite {
  background-image: url("/front/assets/images/file_item_sprite.png");
  background-size: 160px 220px;
  background-repeat: no-repeat
}

.list-marked-tag {
  position: absolute;
  display: block;
  width: 4px;
  height: 14px;
  background-position: -128px -7px;
  pointer-events: none
}

.doc-style .list-shared-tag, .spreadsheet-style .list-shared-tag {
  position: absolute;
  display: block;
  width: 16px;
  height: 14px;
  top: 49px;
  left: 24px;
  background-position: -85px -37px;
  pointer-events: none
}

.doc-style .list-marked-tag {
  left: 20px;
  top: 3px
}

.spreadsheet-style .list-marked-tag {
  left: 17px;
  top: 21px
}

.folder-style .list-shared-tag {
  position: absolute;
  display: block;
  width: 27px;
  height: 24px;
  top: 34px;
  left: 27px;
  background-position: -85px -5px;
  pointer-events: none
}

.folder-style .list-marked-tag {
  left: 20px;
  top: 23px
}

.list-trangle-item {
  left: 102px
}

.list-trangle-item.top {
  border-bottom-color: #ddd
}

.list-item-dropdown {
  position: absolute;
  -webkit-box-shadow: 0px 5px 8px 0px #ccc;
  -moz-box-shadow: 0px 5px 8px 0px #ccc;
  -ms-box-shadow: 0px 5px 8px 0px #ccc;
  -o-box-shadow: 0px 5px 8px 0px #ccc;
  box-shadow: 0px 5px 8px 0px #ccc;
  top: 132px;
  left: 0;
  width: 220px;
  background: #fff;
  color: #7d7d7d;
  z-index: 100;
  display: none;
  cursor: default;
  border-radius: 3px
}

.list-item-dropdown .switch-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.list-item-dropdown.active {
  display: block
}

.list-item-menu {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  border-radius: 3px
}

.list-item-menu hr {
  width: 192px
}

.list-menu-item {
  height: 36px;
  line-height: 36px;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
  color: #41464b;
  padding-left: 14px
}

.list-menu-item:hover {
  background: -moz-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -webkit-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -o-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -ms-linear-gradient(top, #e7e8e9, #eeeff0);
  background: linear-gradient(180deg, #e7e8e9, #eeeff0)
}

.list-menu-item.delete-ob, .list-menu-item.cancel-share {
  margin-top: 4px
}

.list-menu-item.delete-ob+hr, .list-menu-item.cancel-share+hr {
  display: none
}

.list-item-name {
  padding: 0 10px 8px 10px
}

.list-item-input {
  height: 20px;
  line-height: 20px;
  padding: 3px 9px;
  margin-right: 0px;
  width: 180px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -moz-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -ms-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -o-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  box-shadow: 0px 1px 3px 0px #e5e5e5 inset
}

.list-item-input:hover {
  border-color: #cccccc
}

.list-item-input:focus {
  border-color: #a6a6a6 !important
}

.list-menu-item-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 7px;
  margin-right: 10px
}

.menu-locate-folder-icon {
  background-position: -20px -20px
}

.menu-mark-star-icon {
  background-position: -60px -20px
}

.menu-share-ob-icon {
  background-position: -100px -20px
}

.menu-delete-ob-icon {
  background-position: -140px -20px
}

.menu-unmark-star-icon {
  background-position: -180px -20px
}

.menu-cancel-share-icon {
  background-position: -220px -20px
}

.menu-create-copy-icon {
  background-position: -260px -20px
}

.list-empty {
  margin-top: 236px
}

.list-empty-icon {
  height: 80px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0px 0px
}

.list-empty-text {
  margin: 16px 0;
  line-height: 14px;
  font-size: 14px;
  color: #dbdbdb;
  text-align: center
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .list-empty-icon {
    background-size: 80px 120px;
    background-position: 0px -40px
  }
}

.list-table-row {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #e5e5e5
}

.list-table-row.hover {
  cursor: pointer;
  background-color: #f3f4f5
}

.list-table-row.hover .dropdown-btn {
  display: block
}

.list-table-row.hover .file-star-icon {
  display: inline
}

.list-table-row .list-dropdown-btn {
  position: relative;
  float: right;
  top: 10px;
  right: 25px
}

.list-table-row .list-item-dropdown {
  top: 45px;
  right: -73px;
  left: auto
}

.list-table-row.will-accept-drag {
  background-color: #eff1f4
}

.list-table-cell {
  display: inline-block;
  float: left;
  color: #4b4b4b;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.list-table-cell.table-header {
  color: #a5a5a5;
  cursor: pointer
}

.list-table-cell.table-header.active {
  color: #666
}

.list-table-cell.table-header.active .order-type-icon {
  display: inline-block
}

.list-table-cell.table-header:hover {
  color: #333
}

.list-table-cell.table-header:hover .order-type-icon.desc {
  background-position: -101px -15px
}

.list-table-cell.table-header:hover .order-type-icon.asc {
  background-position: -108px -15px
}

.list-table-cell.table-header.is-recent {
  cursor: default;
  color: #a5a5a5
}

.table-header-text {
  float: left
}

.order-type-icon {
  display: none;
  float: left;
  width: 8px;
  height: 11px;
  margin-left: 12px;
  margin-top: 14px
}

.order-type-icon.desc {
  background-position: -101px 0
}

.order-type-icon.asc {
  background-position: -108px 0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .list-table-cell.table-header:hover .order-type-icon.desc {
    background-position: -102px -15px
  }
  .list-table-cell.table-header:hover .order-type-icon.asc {
    background-position: -109px -15px
  }
  .order-type-icon.desc {
    background-position: -102px 0
  }
  .order-type-icon.asc {
    background-position: -109px 0
  }
}

.recent-table-label {
  display: block;
  height: 28px;
  clear: both;
  background: rgba(232, 236, 241, 0.25);
  border-bottom: 1px solid #e5e5e5
}

.recent-table-label .recent-text {
  position: relative;
  line-height: 28px;
  padding-left: 26px;
  padding-right: 0;
  font-size: 12px;
  color: #a5a5a5;
  background-color: transparent
}

.file-name-cell {
  width: 488px;
  font-size: 14px;
  padding-left: 25px
}

.file-name-cell.table-header {
  font-size: 12px
}

.file-name-text {
  display: inline-block;
  float: left;
  width: auto;
  max-width: 350px;
  padding-right: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-creator-cell {
  width: 115px
}

.file-creator-text {
  display: inline-block;
  float: left;
  width: 90px;
  padding-right: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-update-cell {
  width: 160px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-update-user {
  width: 81px;
  margin-left: 7px;
  padding-right: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.desktop-sprite, .file-sprite {
  background-image: url();
  background-size: 170px 70px;
  background-repeat: no-repeat
}

.desktop-sprite.file-doc-icon, .file-sprite.file-doc-icon {
  background-position: 0 0
}

.desktop-sprite.file-folder-icon, .file-sprite.file-folder-icon {
  background-position: -52px 0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .desktop-sprite, .file-sprite {
    background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons_2x-797196bc24.png")
  }
}

.file-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 9px;
  margin-right: 14px
}

.file-tag-icon {
  width: 28px;
  height: 28px;
  float: left;
  margin-top: 8px
}

.file-shared-icon::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-left: 6px;
  background-image: url();
  background-size: 170px 70px;
  background-position: -82px 0px
}

.file-star-icon {
  position: absolute;
  display: none;
  left: -9px
}

.file-star-icon.active {
  display: inline
}

.file-star-icon::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-left: 4px;
  background-size: 499px 310px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-position: -420px -100px
}

.file-star-icon.active::after {
  background-position: -460px -100px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .file-shared-icon::after {
    background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons_2x-797196bc24.png")
  }
  .file-star-icon::after {
    background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.file-drag-feedback {
  position: fixed;
  display: block;
  width: 191px;
  opacity: 0;
  background: #f7f7f7;
  pointer-events: none;
  z-index: 10000;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.file-drag-feedback .file-name-text {
  color: #666;
  font-size: 14px
}

.file-drag-feedback .file-icon {
  margin-left: 30px
}

.email-verify-box {
  background: #fff;
  font-size: 14px;
  color: #41464b;
  padding: 10px 0;
  line-height: 36px;
  height: 36px;
  position: absolute;
  bottom: 40px;
  width: 690px;
  margin-left: -345px;
  left: 50%;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(215, 215, 215, 0.7);
  z-index: 99
}

.email-verify-item {
  float: left
}

.email-verify-info {
  color: #959595;
  margin: 0 10px 0 20px
}

.email-verify-divide {
  width: 0;
  height: 12px;
  margin: 12px;
  border-left: 1px solid #959595
}

.email-verify-close {
  font-size: 16px;
  color: #959595;
  margin-left: 29px;
  cursor: pointer
}

.current-email {
  width: 300px;
  margin-right: 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.email-verify-link {
  outline: none
}

.email-verify-link:hover {
  text-decoration: underline
}

.email-verify-send:hover {
  text-decoration: none;
  cursor: default
}

.email-verify-send.active:hover {
  text-decoration: underline;
  cursor: pointer
}

.export-dialog {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default
}

.export-box {
  background: white;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  left: 50%;
  margin-left: -185px;
  position: fixed;
  top: 30%;
  width: 370px;
  overflow: hidden
}

.export-box .export-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 14px;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8)
}

.export-box .export-header .icon-close {
  float: right;
  margin-right: 40px;
  margin-top: -2px;
  cursor: pointer
}

.export-box .export-content {
  background-color: #eee;
  padding: 30px 0 40px 0;
  text-align: center
}

.export-box .export-content .export-pdf, .export-box .export-content .export-word, .export-box .export-content .export-jpg {
  display: inline-block;
  width: 58px;
  height: 100px;
  text-align: center
}

.export-box .export-content .export-word {
  margin: 0 50px 0 50px
}

.export-box .export-content .text {
  font-size: 12px;
  color: #666
}

.export-box .export-content .export-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/export_sprite-99417f6ff6.png") no-repeat;
  background-size: 190px 254px;
  cursor: pointer;
  display: inline-block;
  height: 76px;
  opacity: .8;
  width: 58px
}

.export-box .export-content .pdf {
  background-position: -7px -51px
}

.export-box .export-content .pdf:hover {
  background-position: -7px -170px
}

.export-box .export-content .docx {
  background-position: -66px -51px
}

.export-box .export-content .docx:hover {
  background-position: -66px -170px
}

.export-box .export-content .jpg {
  background-position: -125px -51px
}

.export-box .export-content .jpg:hover {
  background-position: -125px -170px
}

.maintenance .list-sidebar {
  top: 116px
}

.maintenance .list-header-wrap {
  top: 90px
}

.maintenance .list-container {
  height: calc(100% - 42px)
}

.list-sidebar {
  position: fixed;
  width: 140px;
  top: 74px;
  left: 50%;
  margin-left: -568px;
  font-size: 0px;
  z-index: 104
}

.list-sidebar.is-alpha {
  top: 121px
}

@media screen and (max-width: 1176px) {
  .list-sidebar {
    margin-left: 0;
    left: 20px
  }
  .list-header-wrap {
    left: 164px;
    margin-left: 0
  }
  .list-outer-container {
    margin-left: 116px;
    padding-right: 116px
  }
  .list-outer-container.list-grid-table {
    margin-left: 145px
  }
  .list-container {
    width: 100vw
  }
  body.list {
    overflow: hidden !important;
    min-width: 500px
  }
  body.list .h-container {
    width: auto;
    margin-left: 20px;
    margin-right: 10px;
    min-width: 500px
  }
}

.list-tabs {
  position: relative;
  width: 140px;
  font-size: 0px
}

.list-tab-header {
  display: inline-block;
  height: 20px;
  padding: 2px 12px 12px 5px;
  margin-top: 22px;
  line-height: 20px;
  font-size: 12px;
  color: #41464b
}

.list-tab {
  display: inline-block;
  font-size: 12px;
  color: #A5A5A5;
  line-height: 20px;
  height: 20px;
  padding: 4px 12px 4px 38px;
  margin: 0 0 6px -6px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: transform 0.1s linear;
  -moz-transition: transform 0.1s linear;
  transition: transform 0.1s linear;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px
}

.list-tab span {
  pointer-events: none
}

.list-tab.desktop .list-tab-icon {
  background-position: 0 -30px
}

.list-tab.team .list-tab-icon {
  background-position: -60px -100px
}

.list-tab.recent .list-tab-icon {
  background-position: -20px -30px
}

.list-tab.favorites .list-tab-icon {
  background-position: -40px -30px
}

.list-tab.trash .list-tab-icon {
  background-position: -60px -30px
}

.list-tab.enterprise .list-tab-icon {
  background-position: -80px -30px
}

.list-tab.member .list-tab-icon {
  background-position: -100px -30px
}

.list-tab.active {
  color: #262626;
  font-weight: bold
}

.list-tab.active.desktop .list-tab-icon {
  background-position: 0 -50px
}

.list-tab.active.team .list-tab-icon {
  background-position: -60px -140px
}

.list-tab.active.recent .list-tab-icon {
  background-position: -20px -50px
}

.list-tab.active.favorites .list-tab-icon {
  background-position: -40px -50px
}

.list-tab.active.trash .list-tab-icon {
  background-position: -60px -50px
}

.list-tab.scale {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2)
}

.list-tab.ondrag {
  border-color: #d6d6d6;
  background-color: #ebebeb
}

.list-tab .smtooltip {
  display: block;
  position: absolute;
  width: 240px;
  top: 0px;
  left: 128px;
  cursor: default;
  font-weight: normal
}

.list-tab-icon {
  position: absolute;
  left: 6px;
  top: 3px;
  height: 20px;
  width: 20px
}

.add-drawer-wrap {
  padding-left: 4px;
  margin-bottom: 14px
}

.content-add-drawer-wrap {
  padding-left: 0;
  text-align: center
}

.content-add-drawer-wrap .add-entry-wrap.d-menu-wrap {
  width: 84px
}

.content-add-drawer-wrap .add-entry-wrap.d-menu-wrap .menu-wrap {
  margin-left: -20px
}

.add-entry-btn {
  display: block;
  width: 84px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 1px;
  color: #fff;
  text-align: center;
  background-color: #41464b;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2)
}

.add-entry-wrap.unactive .add-entry-btn {
  -webkit-box-shadow: 0px 2px 6px 0px transparent;
  -moz-box-shadow: 0px 2px 6px 0px transparent;
  -ms-box-shadow: 0px 2px 6px 0px transparent;
  -o-box-shadow: 0px 2px 6px 0px transparent;
  box-shadow: 0px 2px 6px 0px transparent
}

.add-entry-wrap.unactive .add-entry-btn:hover {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2)
}

.add-entry-wrap.unactive .menu-wrap {
  display: none
}

.add-entry-wrap .menu-wrap::before, .add-entry-wrap .menu-wrap::after {
  display: none
}

.add-entry-wrap.d-menu-wrap .d-menu-display-wrap:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(204, 204, 204, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(204, 204, 204, 0);
  -ms-box-shadow: 0px 0px 0px 0px rgba(204, 204, 204, 0);
  -o-box-shadow: 0px 0px 0px 0px rgba(204, 204, 204, 0);
  box-shadow: 0px 0px 0px 0px rgba(204, 204, 204, 0)
}

.add-entry-wrap.d-menu-wrap .menu-wrap {
  width: 125px;
  margin-left: 0;
  margin-top: 5px;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #fff;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px
}

.add-entry-wrap.d-menu-wrap .menu-item {
  padding-left: 20px;
  height: 32px;
  line-height: 32px
}

.add-entry-wrap.d-menu-wrap .menu-item:hover {
  background-color: #f5f5f5
}

.add-entry-wrap.d-menu-wrap .menu-divider {
  display: block;
  width: 94px;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dddddd
}

.add-entry-wrap.d-menu-wrap .add-item-text {
  float: left;
  padding-left: 12px;
  color: #666;
  font-size: 12px
}

.add-entry-wrap.d-menu-wrap .add-item-newdoc+.add-item-text {
  white-space: nowrap;
  color: #ee837d;
  padding-left: 0;
  margin-right: -11px
}

.recent-list::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.recent-wrapper:first-child .recent-label {
  margin-top: 36px
}

.recent-label {
  margin-top: 36px;
  margin-bottom: -10px;
  padding-left: 35px;
  font-size: 12px;
  color: #333;
  height: 18px;
  position: relative
}

.recent-label::after {
  content: "";
  display: block;
  position: absolute;
  width: 850px;
  height: 1px;
  background-color: #ddd;
  right: 0;
  top: 9px;
  z-index: 9
}

.recent-text {
  position: absolute;
  padding-right: 16px;
  z-index: 10;
  background-color: #f7f7f7
}

.team-btns {
  position: absolute;
  top: 17px;
  right: 115px
}

.team-member-icon {
  background-position: -260px -20px
}

.team-setting-icon {
  background-position: -300px -20px
}

.team-btn {
  position: relative;
  float: right;
  cursor: pointer;
  padding-left: 25px;
  margin-left: 40px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  color: #5e5e5e
}

.team-btn .team-sprite {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0px;
  top: 2px;
  padding: 0;
  border: none
}

.team-btn:hover {
  color: #262626
}

.team-btn:hover .team-member-icon {
  background-position: -260px -60px
}

.team-btn:hover .team-setting-icon {
  background-position: -300px -60px
}

.team-btn .smtooltip {
  display: block;
  position: absolute;
  width: 120px;
  left: -22px;
  top: 30px;
  cursor: default
}

#trash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  font-size: 13px
}

#trash .t-inner {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 500px;
  height: 470px;
  box-shadow: 0 1px 6px #ccc
}

#trash .t-inner .t-header {
  position: relative;
  height: 50px;
  background: #f4f4f4
}

#trash .t-inner .t-header .t-title {
  line-height: 50px;
  margin-left: 20px
}

#trash .t-inner .t-header .t-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer
}

#trash .t-inner .t-header .s-tooltip {
  left: 73px;
  top: -45px;
  line-height: 20px;
  padding: 5px 12px
}

#trash .t-inner .t-header .s-tooltip:before {
  display: none
}

#trash .t-inner .t-body {
  height: 370px;
  background: white;
  overflow-y: auto
}

#trash .t-inner .t-body .list-empty {
  margin-top: 136px
}

#trash .t-inner .t-body .list-empty .list-empty-icon {
  width: 80px;
  margin: auto;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  #trash .t-inner .t-body .list-empty .list-empty-icon {
    background-position: 0 -40px
  }
}

#trash .t-inner .t-body .t-item {
  height: 40px;
  padding: 10px 20px 10px;
  margin: 1px 0;
  background: white
}

#trash .t-inner .t-body .t-item>div {
  display: inline-block;
  margin-bottom: -1px
}

#trash .t-inner .t-body .t-item .icon {
  height: 38px;
  width: 40px;
  margin-right: 10px
}

#trash .t-inner .t-body .t-item:hover {
  background: #f4f4f4
}

#trash .t-inner .t-body .t-item.selected {
  background: #d2e3f9
}

#trash .t-inner .t-body .t-item .t-update-time {
  font-size: 12px;
  color: #aaa
}

#trash .t-inner .t-footer {
  position: relative;
  background: #f4f4f4
}

#trash .t-inner .t-footer .t-tip {
  color: #bbb;
  margin-left: 20px;
  line-height: 50px
}

#trash .t-inner .t-footer .t-tip.active {
  color: black
}

#trash .t-inner .t-footer .t-recover {
  position: absolute;
  top: 10px;
  right: 20px
}

#trash .t-inner .t-footer .btn-clear {
  display: none;
  position: absolute;
  top: 16px;
  right: 130px;
  color: #f29ba4;
  cursor: pointer
}

#trash .t-inner .t-footer .btn-clear.disable {
  display: block
}

@media screen and (max-height: 675px) {
  #trash .t-inner {
    top: 105px;
    bottom: initial
  }
}

.help-icon {
  cursor: help;
  background-position: -220px -97px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: -2px;
  margin-left: 3px
}

.invitation-content-wrap {
  padding-left: 40px;
  padding-right: 40px
}

.invitation-dialog {
  animation: fade-show 1.2s ease-in;
  -moz-animation: fade-show 1.2s ease-in;
  -webkit-animation: fade-show 1.2s ease-in;
  -o-animation: fade-show 1.2s ease-in
}

.invitation-dialog.flat-dialog .dialog {
  width: 500px
}

.invitation-dialog.flat-dialog .dialog .dialog-head {
  height: 0;
  padding-top: 0;
  padding-bottom: 0
}

.invitation-dialog.flat-dialog .dialog .dialog-body {
  padding-left: 0;
  padding-right: 0
}

.invitation-dialog .sm-nav-tabs .tab-head-item {
  padding-bottom: 15px
}

.add-member-dialog .dialog .dialog-head {
  text-align: left
}

.add-member-dialog.flat-dialog .dialog-close {
  top: 20px;
  right: 30px
}

.invitation-content-title {
  display: block;
  padding-bottom: 40px;
  font-size: 20px;
  color: #41464b;
  text-align: center
}

.invitation-panel-foot {
  width: 100%;
  padding-top: 30px;
  text-align: right
}

.invitation-panel-foot>.sm-btn {
  margin-left: 12px
}

.invitation-error-info {
  padding-top: 12px;
  line-height: 1.5em;
  color: #cd4747;
  font-size: 12px
}

.invitation-content-desc {
  display: block;
  margin-bottom: 60px;
  font-size: 14px;
  color: #41464b;
  text-align: center
}

.invitation-email-panel, .invitation-link-panel {
  position: relative
}

.invitation-link-panel {
  padding-top: 10px
}

.invitation-link-line {
  position: relative
}

.sm-form-control.invitation-link-input {
  display: inline-block;
  width: 100%;
  padding-right: 82px
}

.sm-form-control.invitation-link-input.copy-unable {
  width: 100%
}

.btn.invitation-link-copy {
  width: 58px;
  height: 32px;
  float: right;
  padding-left: 0;
  padding-right: 0
}

.btn.invitation-link-copy.copy-unable {
  display: none
}

.invitation-link-desc {
  margin-top: 8px;
  margin-bottom: 20px;
  line-height: 1.5em;
  font-size: 12px;
  color: #999
}

.email-mode-switcher, .close-invitation-link {
  font-size: 12px;
  color: #5e97d4
}

.email-mode-switcher:hover, .close-invitation-link:hover {
  color: #4682C1
}

.email-mode-switcher {
  font-size: 14px;
  float: left;
  margin-top: 9px;
  line-height: 1
}

.close-invitation-link {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%)
}

.close-invitation-link.danger {
  color: #cd4747
}

.close-invitation-link.danger:hover {
  color: #ba3636
}

.sm-form-control.invitation-email-list {
  height: 180px;
  width: 100%;
  resize: none
}

.search-wrap.invitation-input-box {
  padding-left: 0;
  padding-right: 0
}

.search-wrap.invitation-input-box .search-input {
  padding-left: 38px;
  padding-right: 38px
}

.search-wrap.invitation-input-box .search-input-icon {
  top: 14px;
  left: 11px
}

.search-wrap.invitation-input-box .search-clear-icon {
  top: 18px;
  right: 15px;
  cursor: pointer
}

.share-user-li.invitation-user-li {
  padding: 8px 40px;
  height: 28px;
  line-height: 28px
}

.share-user-li.invitation-user-li .operation-icon {
  top: 13px;
  right: 40px
}

.share-user-li.invitation-user-li .img-wrap {
  background-color: transparent !important;
  width: 28px;
  height: 28px
}

.share-user-name.invitation-user-name {
  width: 20%;
  margin-right: 10px
}

.share-user-email.invitation-user-email {
  width: 55%;
  margin-right: 10px
}

.invitation-recent-wrap {
  height: 134px;
  overflow-y: auto;
  margin: 0 -40px
}

.invitation-foot {
  margin-top: 28px;
  text-align: right
}

.invitation-foot .btn {
  font-size: 14px;
  padding-left: 26px;
  padding-right: 26px
}

.invitation-ignore {
  font-size: 14px;
  color: #888;
  margin-right: 20px
}

.invitation-ignore:hover {
  color: #333
}

.invitation-ignore:active {
  color: #333;
  font-weight: bold
}

@-webkit-keyframes fade-show {
  0% {
    opacity: 0
  }
  80% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes fade-show {
  0% {
    opacity: 0
  }
  80% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fade-show {
  0% {
    opacity: 0
  }
  80% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

#enterprise-payment a, #enterprise-payment span.link {
  color: #73A2E3;
  cursor: pointer
}

#enterprise-payment a:hover, #enterprise-payment span.link:hover {
  color: #4682C1
}

#enterprise-payment .two-column-grid .row {
  padding-left: 96px;
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: none
}

#enterprise-payment .two-column-grid .row:last-child {
  margin-bottom: 0
}

#enterprise-payment .two-column-grid .row .left-column {
  float: left;
  margin-left: -96px;
  line-height: 18px
}

#enterprise-payment .two-column-grid .row .right-column {
  line-height: 18px
}

#enterprise-payment .fluid-submit-button {
  display: inline-block;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  opacity: 0.14;
  background: #333333;
  box-shadow: 0 10px 20px 0 rgba(51, 51, 51, 0.2);
  border-radius: 2px;
  color: white;
  text-align: center;
  cursor: pointer
}

#enterprise-payment .fluid-submit-button.enabled {
  opacity: 1
}

#enterprise-payment .submit-button {
  display: inline-block;
  height: 33px;
  line-height: 32px;
  opacity: 0.14;
  background: #41464b;
  border: 1px solid #41464b;
  border-radius: 2px;
  color: white;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px
}

#enterprise-payment .submit-button.enabled {
  opacity: 1
}

#enterprise-payment .submit-button.enabled:hover {
  border-color: #313438;
  background-color: #313438
}

#enterprise-payment .submit-button.flat {
  border: 1px solid #a5a5a5;
  border-radius: 2px;
  color: #666;
  background-color: transparent;
  opacity: 1
}

#enterprise-payment .submit-button.flat:hover {
  color: #41464b;
  border-color: #9ea0a3
}

#enterprise-payment .submit-button.warn {
  background-color: #e95555;
  border-color: #cd4848;
  color: #fff;
  opacity: 1
}

#enterprise-payment .submit-button.warn:hover {
  background-color: #cd4848;
  border-color: #cd4848;
  color: #fff
}

#enterprise-payment .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#enterprise-payment .dialog {
  font-size: 12px;
  background-color: #fefefe
}

#enterprise-payment .dialog .dialog-head {
  padding-bottom: 0
}

#enterprise-payment .dialog .dialog-head .dialog-title {
  font-size: 18px;
  position: relative;
  top: 3px;
  font-weight: bold
}

#enterprise-payment .dialog .dialog-head .dialog-close {
  font-weight: normal;
  top: 17px;
  right: 27px;
  font-size: 14px
}

#enterprise-payment .dialog .dialog-body {
  padding-top: 15px
}

#enterprise-payment .dialog .dialog-body .crumb-list {
  text-align: center;
  padding-top: 0;
  padding-bottom: 13px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%
}

#enterprise-payment .dialog .dialog-body .crumb-list .crumb {
  color: #333;
  font-size: 12px
}

#enterprise-payment .dialog .dialog-body .crumb-list .no-crumb {
  color: #a5a5a5;
  font-size: 12px
}

#enterprise-payment .dialog .dialog-body section {
  border-top: 1px solid #d2dee7;
  padding: 19px 15px 18px;
  color: #a5a5a5
}

#enterprise-payment .dialog .dialog-body section strong {
  color: #333
}

#enterprise-payment .status-banner {
  background: #fff7c5;
  height: 30px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  line-height: 30px
}

#enterprise-payment .status-banner .link {
  color: #4a90e2;
  text-decoration: none;
  cursor: pointer
}

#enterprise-payment .status-banner.red {
  background: #e95555;
  color: #ffffff
}

#enterprise-payment .purchase-dialog.purchase-loading:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://assets-cdn.shimo.im/assets/images/loading-b67e5a67dc.gif) no-repeat center center #fefefe;
  background-size: 30px;
  z-index: 2
}

#enterprise-payment .purchase-dialog .dialog {
  width: 445px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase {
  width: 365px;
  margin: 0 auto
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field {
  margin-bottom: 18px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field.first {
  margin-top: 18px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field header {
  color: #a5a5a5;
  margin-bottom: 3px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .error {
  font-weight: normal;
  background-color: #FEFEFE;
  height: 100%;
  color: #cd4747
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input {
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding-left: 12px;
  padding-right: 200px;
  position: relative
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input input {
  border-width: 0;
  outline: none;
  display: inline-block;
  border-radius: 0;
  height: 14px;
  width: 100%;
  font-weight: bold;
  box-shadow: none;
  background-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input .placeholder {
  float: right;
  margin-right: -190px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox {
  padding-left: 30px;
  color: #333;
  vertical-align: middle;
  line-height: 17px;
  margin-left: -1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox span {
  display: inline-block;
  cursor: pointer;
  margin-left: -30px;
  padding-left: 27px;
  position: relative;
  z-index: 2
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox:before {
  content: '';
  float: left;
  margin-left: -30px;
  color: transparent;
  background-color: transparent;
  text-align: center;
  font-family: chuxintech;
  font-size: 10px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  border: 1px solid #979797;
  border-radius: 5px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7)
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox.checked:before {
  border: 1px solid #41464b;
  background-color: #41464b;
  color: white
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .expired-time header {
  display: inline-block
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .expired-time .text {
  display: inline-block;
  margin-left: 12px;
  color: #333
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .quantity .error {
  position: absolute;
  right: 10px;
  min-width: 100px;
  text-align: right
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border {
  border: 1px solid transparent;
  border-radius: 2px;
  display: inline-block;
  margin-left: 8px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active {
  border: 1px solid #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option:hover {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .year {
  color: #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .price {
  color: #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .discount {
  opacity: 1
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  width: 112px;
  height: 50px;
  vertical-align: middle;
  position: relative;
  cursor: pointer
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .year {
  font-weight: bold;
  color: #a5a5a5;
  margin-top: 12px;
  margin-left: 13px;
  line-height: 12px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .price {
  color: #a5a5a5;
  margin-top: 6px;
  margin-left: 5px;
  line-height: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  white-space: nowrap;
  width: 107px;
  overflow: hidden;
  text-overflow: ellipsis
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .price .origin-price {
  color: #ccc;
  text-decoration: line-through;
  margin-left: 5px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount {
  position: absolute;
  width: 24px;
  height: 14px;
  top: 10px;
  right: 12px;
  opacity: 1;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.seven {
  background-position: 0 -25px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.eight {
  background-position: 0 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.five {
  background-position: 0 -75px;
  width: 54px;
  height: 14px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.six {
  background-position: 0 -89px;
  width: 54px;
  height: 14px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper {
  margin-top: -2px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border {
  border: 1px solid transparent;
  border-radius: 2px;
  margin-left: 9px;
  display: inline-block
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active {
  border-color: #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active .option {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active .option:hover {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option {
  width: 176px;
  height: 36px;
  line-height: 36px;
  padding-left: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.active {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.alipay {
  padding-left: 39px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.alipay:before {
  content: ' ';
  width: 18px;
  height: 18px;
  float: left;
  margin-left: -24px;
  margin-top: 8px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.unionpay {
  padding-left: 46px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.unionpay:before {
  content: ' ';
  width: 25px;
  height: 16px;
  float: left;
  margin-left: -31px;
  margin-top: 9px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -50px 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price {
  overflow: hidden
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-title {
  color: #a5a5a5;
  float: left;
  margin-top: 1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-number {
  float: left;
  color: #41464b;
  font-size: 14px;
  font-weight: bold
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-number-loading {
  float: left;
  color: #a5a5a5;
  margin-top: 1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .agree .error {
  float: right;
  line-height: 15px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .fluid-submit-button {
  display: block;
  padding: 0;
  margin-top: 25px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option-outer-border+.option-outer-border {
  margin-left: 9px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option {
  width: 174px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option .price {
  width: 177px;
  margin-left: -1px
}

#enterprise-payment .alipay-qrcode-dialog .dialog {
  width: 350px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-head .dialog-close {
  right: 17px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode {
  width: 270px;
  margin: 0 auto
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .crumb-list .back {
  color: #73A2E3;
  cursor: pointer
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .crumb-list .back:hover {
  color: #4682C1
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container {
  width: 170px;
  margin: 29px auto 0;
  text-align: center
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container header {
  height: 18px;
  line-height: 18px;
  margin-bottom: 14px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container header:before {
  content: ' ';
  display: inline-block;
  margin-left: 2px;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px 0
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container .qrcode {
  display: inline-block;
  width: 165px;
  height: 165px;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container footer {
  text-align: center;
  line-height: 18px
}

#enterprise-payment .payment-success-dialog .dialog {
  width: 260px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-icon {
  margin-top: 60px;
  margin-bottom: 20px;
  height: 45px;
  text-align: center
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-icon:before {
  content: ' ';
  display: inline-block;
  width: 44px;
  height: 44px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px -25px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-text {
  font-size: 18px;
  color: #a5a5a5;
  line-height: 18px;
  text-align: center;
  margin-bottom: 98px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success footer {
  text-align: center;
  line-height: 18px;
  color: #a5a5a5
}

#enterprise-payment .payment-failure-dialog .dialog {
  width: 260px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure {
  width: 199px;
  margin: 0 auto;
  color: #333
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure header {
  font-size: 18px;
  margin: 50px 0 10px;
  text-align: center;
  font-weight: bold
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .failure-text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 22px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .telephone {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 84px;
  text-align: center
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .center {
  text-align: center
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .center .submit-button {
  width: 100px
}

#enterprise-payment .transfers-inventory-dialog .dialog {
  width: 415px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body {
  padding-top: 25px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory {
  width: 335px;
  margin: 0 auto
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory .noting {
  margin-top: -3px;
  line-height: 25px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer {
  text-align: center;
  margin-top: 4px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer .submit-button {
  margin-left: 10px;
  width: 120px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .confirm-invoice-info-dialog .dialog {
  width: 415px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info .noting {
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info .error {
  font-weight: normal;
  background-color: #FEFEFE;
  height: 100%;
  color: #cd4747;
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer {
  margin-top: 4px;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog {
  width: 415px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info .noting {
  padding: 14px 0;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info .error {
  font-weight: normal;
  background-color: #FEFEFE;
  height: 100%;
  color: #cd4747;
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer {
  margin-top: 6px;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .fill-invoice-info-dialog .dialog {
  width: 450px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-head {
  display: none
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body {
  padding: 30px 29px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-head-wrap {
  margin: 0 15px 0 16px;
  padding-left: 0;
  padding-top: 3px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-head-wrap .tab-head-item {
  padding-bottom: 15px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-content-wrap {
  padding-top: 8px;
  padding-right: 15px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid {
  margin-top: 5px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row {
  margin-bottom: 9px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row.space {
  margin-top: 17px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .left-column, #enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column {
  height: 30px;
  line-height: 30px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .left-column {
  color: #a5a5a5;
  padding-left: 16px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column .text {
  margin-left: 11px;
  padding: 0 10px;
  display: inline-block
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column .error {
  float: right
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .error {
  display: inline-block;
  color: #cd4747;
  background-color: transparent
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input {
  box-sizing: border-box;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  width: 273px;
  margin-left: 7px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input:hover {
  border-color: #ccc
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input:focus {
  outline: 0;
  border-color: #a6a6a6 !important;
  color: #333
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .dialog-close {
  top: 15px;
  right: 34px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer {
  text-align: right;
  margin-top: 22px;
  padding-right: 1px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer .submit-button {
  margin-left: 20px;
  width: 100px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer .submit-button:last-child {
  margin-left: 10px
}

#enterprise-payment .thanks-to-buy-dialog .dialog {
  width: 260px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .icon {
  text-align: center;
  margin-top: 60px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .icon:before {
  content: ' ';
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-16e27c5887.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px -25px;
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .text {
  font-size: 18px;
  color: #a5a5a5;
  text-align: center;
  margin-top: 17px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .desc {
  color: #888;
  line-height: 18px;
  text-align: center;
  margin-top: 96px
}

#enterprise-payment .waiting-pay-dialog .dialog {
  width: 385px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-head {
  display: none
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body {
  padding: 30px 40px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay header {
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
  font-size: 14px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay p {
  color: #333;
  line-height: 20px;
  margin-bottom: 20px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer {
  text-align: right
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .cancel-order-dialog .dialog {
  width: 415px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-head>div {
  text-align: left
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order p {
  line-height: 18px;
  margin-bottom: 25px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order .error {
  display: inline-block;
  color: #cd4747;
  background-color: transparent
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer {
  margin-top: 4px;
  text-align: right
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer .submit-button:first-child {
  margin-left: 0
}

html, body {
  height: 100%;
  width: 100%
}

body {
  position: relative;
  overflow-y: hidden;
  background: #f0f0f0
}

.edit-heading-container {
  position: relative
}

.edit-right-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  right: 20px;
  top: 0;
  width: 108px;
  padding-top: 10px
}

.edit-dropdown-btn {
  width: 48px;
  position: relative;
  font-size: 12px;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #fafafa;
  display: inline-block;
  cursor: pointer;
  color: #888;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11)
}

.edit-dropdown-btn:hover {
  background: #f5f5f5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: 0 0 0 1px #d6d6d6 inset
}

.edit-dropdown-btn.active {
  background: #e5e5e5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: 0 0 0 1px #d6d6d6 inset;
  color: #666
}

.edit-dropdown-btn.active:before {
  height: calc(100% + 1px)
}

.edit-dropdown-btn-icon {
  margin-left: -5px;
  margin-right: -7px;
  color: inherit;
  position: relative;
  top: 0
}

.edit-dropdown {
  -webkit-box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.2);
  -moz-box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.2);
  -ms-box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.2);
  -o-box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.2);
  box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 101;
  position: absolute;
  top: 48px;
  display: none;
  font-size: 14px;
  background-color: #fff
}

.edit-dropdown.active {
  display: block
}

.list-share-box {
  display: inline-block
}

.operation-box {
  float: right
}

.operation-dropdown {
  width: 112px;
  right: 0
}

.operation-trangle-item {
  left: 77px
}

.operation-list {
  padding: 10px 0
}

.operation-list hr {
  width: 90px
}

.operation-list-item {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #666;
  cursor: pointer
}

.operation-list-item:hover {
  background: #f5f5f5
}

.operation-list-item.delete-btn {
  color: #ee837d
}

.edit-heading {
  position: relative;
  z-index: 100;
  background: #f0f0f0
}

.edit-dropdown-share {
  left: -306px
}

.editbar {
  outline: none;
  width: 816px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
  white-space: nowrap;
  font-size: 14px
}

.editbar-list {
  margin-top: 6px;
  margin-left: 40px;
  height: 35px;
  position: relative;
  padding: 4px 0;
  z-index: 2;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.editbar-list-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: left
}

.editbar-list-item.input {
  height: 42px
}

.editbar-list-item.separator {
  border-left: 1px solid #bebebe;
  width: 0px;
  height: 18px;
  margin: 5px 10px
}

.editbar-list-item.link {
  cursor: pointer
}

.editbar-list-item:hover .toolbar-item {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: 0 0 0 1px #d6d6d6 inset;
  background: #f0f0f0
}

.toolbar-item, .doc-editbar .menu-item {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  outline: none
}

.toolbar-item :active .hicon, .doc-editbar .menu-item :active .hicon {
  color: #5e97d4
}

.toolbar-item {
  vertical-align: top;
  padding: 0;
  height: 27px;
  line-height: 28px
}

.toolbar-item:hover .hicon {
  color: #333
}

.toolbar-item.current {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: 0 0 0 1px #d6d6d6 inset;
  background: #e5e5e5
}

.font-icon-down {
  left: 0
}

.toolbar-icon {
  display: inline-block
}

.toolbar-icon .toolbar-icon-down {
  height: 27px
}

.size-txt, .type-txt, .display-txt, .doc-insert-txt {
  font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif !important;
  top: 0;
  color: #333;
  display: inline-block;
  font-size: 1.2rem;
  height: 27px
}

.size-txt {
  width: 27px
}

.type-txt {
  width: 51px;
  text-align: center
}

.display-txt, .doc-insert-txt {
  width: 37px;
  text-align: center
}

.icon-font-color-bottom {
  background: #333;
  width: 11px;
  height: 2px;
  position: absolute;
  bottom: 4px;
  left: 9px
}

.icon-align-arrow {
  width: 27px !important;
  padding: 0 !important
}

.icon-font-color {
  top: -1px
}

.font-color-icon-down {
  top: 1px;
  left: 12px
}

.editbar-dropdown-item {
  position: relative
}

.editbar-dropdown-item.active .toolbar-item {
  position: relative;
  z-index: 21
}

.editbar-dropdown-item.active .toolbar-item .hicon {
  color: #333
}

.editbar-dropdown-item.active .toolbar-menu {
  display: block
}

.dropdown-item .toolbar-icon>span {
  float: left
}

.align-toolbar-item {
  text-align: center
}

.toolbar-menu {
  display: none;
  position: absolute;
  top: 36px;
  z-index: 22;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 6px rgba(99, 99, 99, 0.2);
  border-radius: 3px
}

.toolbar-menu::before, .toolbar-menu::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  top: -7px;
  background: none;
  left: 50%;
  margin-left: -4px
}

.toolbar-menu::before {
  top: -8px;
  border-bottom-color: rgba(136, 136, 136, 0.1);
  z-index: 10
}

.toolbar-menu::after {
  z-index: 11
}

.toolbar-menu>ul {
  padding: 10px 0
}

.align-toolbar-menu {
  left: -17px
}

.font-color-menu {
  left: -81px
}

.display-type-menu {
  left: -34px
}

.doc-insert-menu {
  left: -31px
}

.doc-insert-menu .menu-item {
  width: 94px
}

.doc-insert-menu .new-icon, .doc-insert-menu .doc-insert-info {
  float: left;
  margin-left: 3px
}

.doc-insert-menu .doc-insert-info {
  margin-left: 8px
}

.font-color-list {
  width: 195px;
  height: 119px;
  text-align: justify;
  padding: 5px 5px 10px 10px !important;
  border-radius: 2px;
  box-sizing: border-box
}

.font-color-list-item {
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 3px 3px 0 0;
  float: left;
  cursor: pointer;
  border: 1px solid transparent
}

.font-color-list-item .doc-color-name {
  display: none;
  top: 25px;
  left: 6px
}

.font-color-list-item:hover {
  box-shadow: 0px 1px 3px #888
}

.font-color-list-item:hover .doc-color-name {
  display: block
}

.color-item {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0
}

.font-size-menu {
  left: -17px
}

.font-type-menu {
  left: -31px
}

.heading-menu-list {
  width: 120px
}

.heading-menu-list .font-type-item {
  padding: 0 16px 0 20px
}

.doc-editbar .menu-item {
  display: block;
  padding: 0 10px;
  margin-bottom: 0px;
  min-width: 50px;
  height: 27px;
  line-height: 28px;
  font-size: 1.2rem;
  text-decoration: none;
  color: #666
}

.doc-editbar .menu-item:hover {
  background: #f5f5f5
}

.display-menu-list {
  width: 114px
}

.display-menu-list .display-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 0 20px;
  min-width: 0;
  text-align: left
}

.display-menu-list .display-item span:not(.new-icon-checkone) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1
}

.display-menu-list .display-item.pressed .new-icon-checkone {
  display: inline-block
}

.display-menu-list .display-item .new-icon-checkone {
  display: none
}

.font-type {
  left: -37px;
  padding: 2px 0
}

.font-type-item {
  min-width: 0;
  padding: 0;
  text-align: left
}

.lg {
  font-size: 24pt;
  height: 45px;
  line-height: 45px;
  font-weight: bold
}

.md {
  font-size: 14pt;
  height: 34px;
  line-height: 34px;
  font-weight: bold
}

.sm {
  font-size: 11pt;
  height: 29px;
  line-height: 29px;
  font-weight: bold
}

.new-icon {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  height: 100%;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar-a365014434.png");
  background-repeat: no-repeat;
  background-size: 800px 100px
}

.new-icon-go-ahead {
  width: 20px;
  background-position: 0 0
}

.new-icon-retreat {
  width: 20px;
  background-position: -30px 0
}

.new-icon-paint-format {
  width: 20px;
  background-position: -479px -27px
}

.new-icon-clear-format {
  width: 20px;
  background-position: -509px -27px
}

.new-icon-bold {
  width: 20px;
  background-position: -60px 0
}

.new-icon-italic {
  width: 20px;
  background-position: -90px 0
}

.new-icon-underline {
  width: 20px;
  background-position: -120px 0
}

.new-icon-strikethrough {
  width: 20px;
  background-position: 0 -27px
}

.new-icon-font-color {
  width: 26px;
  background-position: -150px 0
}

.new-icon-down {
  width: 5px;
  padding: 0 8px 0 0;
  background-position: -642px 0
}

.new-icon-ul-list {
  width: 20px;
  background-position: -180px 0
}

.new-icon-ol-list {
  width: 20px;
  background-position: -210px 0
}

.new-icon-check-list {
  width: 20px;
  background-position: -240px 0
}

.new-icon-indent {
  width: 20px;
  background-position: -270px 0
}

.new-icon-outdent {
  width: 20px;
  background-position: -300px 0
}

.new-icon-link {
  width: 20px;
  background-position: -449px 0
}

.new-icon-table {
  width: 20px;
  background-position: -479px 0
}

.new-icon-img {
  width: 20px;
  background-position: -509px 0
}

.new-icon-attachment {
  width: 20px;
  background-position: -539px 0
}

.new-icon-horizontal-line {
  width: 20px;
  background-position: -570px 0
}

.new-icon-code-area {
  width: 20px;
  background-position: -750px 0
}

.new-icon-comment-add {
  width: 20px;
  background-position: -600px 0
}

.new-icon-align-left {
  width: 27px;
  padding: 0;
  background-position: -330px 0
}

.new-icon-align-center {
  width: 27px;
  padding: 0;
  background-position: -361px 0
}

.new-icon-align-right {
  width: 27px;
  padding: 0;
  background-position: -391px 0
}

.new-icon-align-justify {
  width: 27px;
  padding: 0;
  background-position: -421px 0
}

.new-icon-checkone {
  width: 10px;
  background-position: -664px 0
}

.smtooltip {
  display: block;
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 1030;
  border: 0
}

.smtooltip:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  background: none
}

.smtooltip.top:before {
  top: -5px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #41464b;
  margin-left: -4px
}

.smtooltip.left:before {
  top: 50%;
  right: -4px;
  border-top: 5px solid transparent;
  border-left: 5px solid #41464b;
  border-bottom: 5px solid transparent;
  margin-top: -5px
}

.smtooltip.right:before {
  top: 50%;
  left: -4px;
  border-top: 5px solid transparent;
  border-right: 5px solid #41464b;
  border-bottom: 5px solid transparent;
  margin-top: -5px
}

.smtooltip-inner {
  max-width: 300px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #41464b;
  padding: 4px 12px;
  padding-bottom: 3px;
  line-height: 1.6rem;
  font-size: 1.2rem;
  border-radius: 2px
}

input[type="file"]:hover+.toolbar-item .hicon {
  color: #333
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .new-icon {
    background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar_2x-162836cb92.png")
  }
  .icon-font-color-bottom {
    left: 9px
  }
}

@keyframes duang {
  0% {
    transform: rotate(0deg)
  }
  20% {
    transform: rotate(10deg)
  }
  40% {
    transform: rotate(-10deg)
  }
  60% {
    transform: rotate(10deg)
  }
  80% {
    transform: rotate(-10deg)
  }
  100% {
    transform: rotate(0deg)
  }
  0% {
    -webkit-transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(10deg)
  }
  40% {
    -webkit-transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(10deg)
  }
  80% {
    -webkit-transform: rotate(-10deg)
  }
  100% {
    -webkit-transform: rotate(0deg)
  }
}

@-webkit-keyframes duang {
  0% {
    transform: rotate(0deg)
  }
  20% {
    transform: rotate(10deg)
  }
  40% {
    transform: rotate(-10deg)
  }
  60% {
    transform: rotate(10deg)
  }
  80% {
    transform: rotate(-10deg)
  }
  100% {
    transform: rotate(0deg)
  }
  0% {
    -webkit-transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(10deg)
  }
  40% {
    -webkit-transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(10deg)
  }
  80% {
    -webkit-transform: rotate(-10deg)
  }
  100% {
    -webkit-transform: rotate(0deg)
  }
}

.doc-container {
  padding: 0;
  opacity: 0
}

.pad-view-inner {
  position: absolute;
  width: 100%;
  height: calc(100% - 52px);
  overflow: hidden
}

.pad-view-inner.duang {
  animation: duang 1s;
  -moz-animation: duang 1s;
  -webkit-animation: duang 1s;
  -o-animation: duang 1s
}

.history-show .text-count, .selection-unfold .text-count {
  right: calc(50% - 25px)
}

.history-show .document-info-list {
  opacity: 1
}

.selection-unfold .doc-view {
  overflow: hidden
}

.selection-unfold .list-mask {
  display: block
}

.selection-unfold .temp-list {
  right: 0;
  display: block
}

.selection-unfold .temp-list .selection-comment-input {
  visibility: visible
}

.selection-unfold .temp-list .selection-header {
  cursor: pointer
}

.doc-view {
  width: 100%;
  height: calc(100% - 45px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 6px
}

.doc-container {
  position: static;
  width: 816px;
  margin-left: auto;
  margin-right: auto
}

.scroll .edit-heading {
  -webkit-box-shadow: 0 2px 4px rgba(20, 20, 20, 0.15);
  -moz-box-shadow: 0 2px 4px rgba(20, 20, 20, 0.15);
  -ms-box-shadow: 0 2px 4px rgba(20, 20, 20, 0.15);
  -o-box-shadow: 0 2px 4px rgba(20, 20, 20, 0.15);
  box-shadow: 0 2px 4px rgba(20, 20, 20, 0.15)
}

.scroll .file-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.scroll .editbar {
  height: 46px
}

.scroll .doc-view {
  padding-top: 2px
}

.editorcontainer {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc
}

.editorcontainer.pc {
  min-height: 1172px
}

.editorcontainer.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.innerdocbody {
  outline: none
}

.on-paint {
  cursor: url(data:application/octet-stream;base64,AAACAAEAICAAABUADwCoDAAAFgAAACgAAAAgAAAAQAAAAAEAGAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////////////////////////////8AAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///////////////////////////8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///////////////////////////8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////8AAAAAAAAAAAD///////8AAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////////////////////////////////////////Ef///gD/8AMB/+ABx//wAMf/+ADH//gAx//8AEf//ABH//wAR//8AEf//gDH//8Bx///g8f//4PH//+Dx///g8f//8cB///+AP///xH///////////////////////////w==), auto
}

.pad-view .h-container, .pad-view .content-container {
  padding: 0 20px;
  width: auto;
  min-width: 1176px;
  margin: 0 auto;
  box-sizing: border-box
}

@media screen and (max-width: 1250px) {
  .sidebar {
    background: #f0f0f0
  }
}

@media screen and (max-width: 1516px) {
  .history-show .sidebar, .selection-unfold .sidebar {
    right: 0;
    width: 340px;
    padding-left: 0
  }
  .history-show .doc-container, .history-show .editbar, .history-show #footer, .selection-unfold .doc-container, .selection-unfold .editbar, .selection-unfold #footer {
    margin-right: 320px;
    margin-left: auto
  }
  .directory-show .sidebar {
    padding-left: 0;
    margin-left: 100px
  }
}

@media screen and (min-width: 1516px) {
  .history-show .sidebar {
    right: calc(50% - 758px)
  }
  .history-show .editbar-list {
    margin-left: 40px
  }
  .history-show .editorcontainer {
    left: initial
  }
}

@media screen and (max-width: 1176px) {
  body {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    min-width: 1176px
  }
  body.spreadsheet {
    overflow: hidden !important
  }
  .text-count {
    right: auto;
    left: 328px
  }
  .history-show .content-container, .selection-unfold .content-container {
    padding: 0 0 0 18px
  }
  .history-show .doc-container, .selection-unfold .doc-container {
    display: inline-block;
    margin-right: auto
  }
  .history-show .sidebar, .selection-unfold .sidebar {
    position: relative;
    float: right;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 99
  }
  .directory-show .sidebar {
    margin-left: 0
  }
}

@media screen and (max-width: 1296px) {
  .doc-container, .editbar, .pad-view .editable-footer {
    margin-left: calc(100% - 1043px)
  }
}

#doc-container, #editbar, .document-info-list {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.pad-loading {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  left: 0
}

.pad-loading-img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px
}

.doc-desc {
  line-height: 25px;
  color: #999;
  font-size: 12px;
  float: right;
  margin-top: 22px
}

.team-creator-container {
  width: 656px;
  height: 500px;
  margin-left: -327px;
  margin-top: -250px;
  text-align: center
}

.team-creator-title {
  display: block;
  width: 200px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  background-position: -20px -240px
}

.team-creator-info {
  padding-top: 68px;
  padding-bottom: 70px
}

.creator-info-text {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 5px
}

.team-form {
  min-height: 114px;
  margin-top: 80px;
  margin-bottom: 50px
}

.team-form-title {
  display: block;
  width: 100px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  background-position: -240px -240px
}

.team-input-box {
  position: relative;
  display: inline-block;
  width: 340px;
  height: 32px;
  vertical-align: top;
  border-radius: 2px;
  background-color: #F5F5F5;
  font-size: 12px;
  color: #666
}

.team-fieldset {
  padding: 0 0 6px 0;
  border: transparent
}

.team-input-label {
  width: 60px;
  padding-right: 18px;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 12px;
  font-weight: normal;
  color: #000
}

.message-code-error, .team-input-label, .team-input-box {
  text-align: left
}

.team-input {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #333;
  padding: 9px 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: transparent;
  background-color: transparent
}

.team-input::-webkit-input-placeholder, .team-input:-moz-placeholder, .team-input::-moz-placeholder, .team-input:-ms-input-placeholder {
  color: #AFAFAF
}

.team-name-input, .phone-message-code {
  width: 316px
}

.team-form-dropdown-wrap {
  position: absolute;
  z-index: 999;
  display: none;
  top: 31px;
  width: 82px;
  height: 80px;
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc
}

.team-form-dropdown-wrap.active {
  display: block
}

.team-form-dropdown-wrap .trangle {
  position: absolute;
  left: 50%;
  margin-left: -7px
}

.phone-location-select {
  padding: 0px 17px;
  border-right: 1px solid #AFAFAF;
  display: inline-block
}

.location-select-text {
  line-height: 1
}

.location-select-btn-icon {
  display: inline-block;
  float: right;
  width: 5px;
  height: 10px;
  margin-top: 2px;
  margin-left: 8px;
  background-position: -427px -25px
}

.phone-location-list {
  background-color: #FFF;
  padding: 10px 0
}

.phone-location-item {
  display: block;
  cursor: pointer;
  color: #666;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center
}

.phone-location-item:hover {
  background-color: #f5f5f5
}

.phone-location-code {
  width: 24px
}

.phone-number-input {
  padding-left: 0;
  padding-right: 0;
  width: 118px
}

.message-code-btn {
  position: absolute;
  display: none;
  padding: 7px 12px;
  right: 0;
  color: #6da2d7
}

.message-code-btn.active {
  display: inline
}

.message-code-btn.waiting {
  opacity: 0.6;
  pointer-events: none
}

.message-code-btn:hover {
  text-decoration: underline
}

.team-form-error-info {
  float: left;
  margin-left: 198px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.team-form-error-info.active {
  opacity: 1
}

.geetest-container {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 50px;
  left: 93px;
  padding: 90px
}

.team-setting-wrap {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000
}

.team-setting-wrap.active {
  display: block
}

.team-setting-wrap .team-setting-dialog {
  top: 30%;
  position: absolute;
  left: 50%;
  margin-left: -180px;
  width: 360px;
  font-size: 14px;
  background-color: #FFF;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2)
}

.team-setting-wrap .team-setting-head {
  height: 40px;
  line-height: 40px;
  background-color: #f2f5f9;
  font-size: 14px;
  color: #666;
  padding: 0px 20px
}

.team-setting-wrap .team-setting-head .header-text, .team-setting-wrap .team-setting-head .icon-close {
  display: inline-block
}

.team-setting-wrap .team-setting-head .icon-close {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -1px;
  cursor: pointer;
  text-indent: 0
}

.team-setting-wrap .team-setting-body {
  padding: 26px 20px;
  font-size: 12px;
  color: #898989;
  line-height: 20px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto
}

.team-setting-wrap .team-setting-foot {
  text-align: right;
  padding: 0 20px 20px 20px;
  font-size: 0;
  white-space: nowrap
}

.team-setting-wrap .dismiss-team {
  margin-right: 18px
}

.config-input-box {
  width: auto
}

.config-input-label {
  width: auto;
  padding-right: 12px
}

.team-config-input {
  width: 228px
}

#image-resize-frame {
  display: none;
  -webkit-box-shadow: 5px 5px 5px #555;
  -moz-box-shadow: 5px 5px 5px #555;
  -ms-box-shadow: 5px 5px 5px #555;
  -o-box-shadow: 5px 5px 5px #555;
  box-shadow: 5px 5px 5px #555;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 100px;
  left: 100px;
  outline: 1px #00FF00 solid
}

#image-resize-frame.active {
  display: block
}

.image-resize-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 10px;
  width: 10px;
  border-radius: 9px;
  background: #41464b;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  position: absolute;
  display: none;
  right: 0;
  bottom: 0
}

.image-resize-bar:hover {
  cursor: se-resize
}

.image-resize-bar.active {
  display: block
}

.copy-container {
  position: fixed;
  top: 0;
  left: -1000px;
  opacity: 0
}

.gallery-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out
}

.gallery-box.modal {
  background-color: rgba(0, 0, 0, 0.6);
  display: block
}

.gallery-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: none;
  width: 120px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #0a0a0a;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.6)
}

.gallery-list-item {
  margin: 10px;
  width: 90px;
  height: 60px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer
}

.gallery-list-item.active, .gallery-list-item:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)
}

.gallery-list-item.active .gallery-list-img, .gallery-list-item:hover .gallery-list-img {
  opacity: 1
}

.gallery-list-item.active {
  border-color: #fff
}

.gallery-list-img {
  opacity: 0.6;
  width: 100%;
  display: block;
  margin: auto
}

.gallery-details {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 50px;
  margin-left: 0;
  font-size: 16px;
  color: #fff;
  text-align: left;
  line-height: 50px;
  background-color: rgba(34, 34, 34, 0.88)
}

.gallery-detail-number {
  margin-left: 40px
}

.gallery-action {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px
}

.gallery-action-item {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  padding: 0 13px;
  text-decoration: none
}

.gallery-action-item.disable {
  opacity: 0.2;
  cursor: default
}

.gallery-action-item:hover {
  background-color: #000;
  color: #fff
}

.gallery-action-item:hover .gallery-toolbar-link-download {
  background-position: 0 -22px
}

.gallery-action-item:hover .gallery-toolbar-zoom-in {
  background-position: -24px -22px
}

.gallery-action-item:hover .gallery-toolbar-zoom-out {
  background-position: -48px -22px
}

.gallery-action-item:hover .gallery-toolbar-origin-scale {
  background-position: -72px -22px
}

.gallery-action-item:hover .gallery-toolbar-fixed-extent {
  background-position: -96px -22px
}

.gallery-action-item:hover .s-tooltip {
  display: block
}

.gallery-action-item .s-tooltip {
  top: -32px;
  left: 32px;
  display: none
}

.gallery-toolbar-icons {
  display: block;
  width: 24px;
  height: 22px;
  margin-left: 8px;
  margin-top: 14px;
  background: url() no-repeat;
  background-size: 120px 44px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .gallery-toolbar-icons {
    background: url() no-repeat;
    background-size: 120px 44px
  }
}

.gallery-toolbar-link-download {
  background-position: 0 0
}

.gallery-toolbar-zoom-in {
  background-position: -24px 0
}

.gallery-toolbar-zoom-out {
  background-position: -48px 0
}

.gallery-toolbar-origin-scale {
  background-position: -72px 0
}

.gallery-toolbar-fixed-extent {
  background-position: -96px 0
}

.gallery-img-box {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out
}

.gallery-img {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.2)
}

.metion-trangle-item {
  left: 19px
}

.doc-mention-list {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0
}

.doc-mention-result-list {
  background: #fff;
  color: #6886aa
}

.doc-mention-item {
  margin: 0;
  cursor: default;
  display: block;
  padding: 7.5px 15px;
  line-height: 26px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  cursor: pointer
}

.doc-mention-item:last-child {
  border-bottom: none
}

.doc-mention-item.active {
  background: #f2f5f9
}

.doc-mention-item.active .email, .doc-mention-item.active .snippet {
  color: #c0c9c6
}

.doc-mention-item[data-type='doc'] {
  color: #666
}

.doc-mention-avatar {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.doc-mention-placeholder {
  font-style: italic;
  color: #c0c9c6
}

.mention-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  float: left;
  margin: 0 15px 0 1.5px
}

.doc-mention-pop {
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7.5px 0;
  width: 220px;
  background: #fff;
  z-index: 99999;
  display: none
}

.doc-mention-pop.active {
  display: block
}

.text-count {
  position: fixed;
  right: calc(50% - 0px);
  margin-right: -100px;
  bottom: 30px;
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #898989;
  opacity: 1;
  z-index: 1;
  background-color: #fff;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-box-shadow: 0px 2px 8px rgba(179, 179, 179, 0.8);
  -moz-box-shadow: 0px 2px 8px rgba(179, 179, 179, 0.8);
  -ms-box-shadow: 0px 2px 8px rgba(179, 179, 179, 0.8);
  -o-box-shadow: 0px 2px 8px rgba(179, 179, 179, 0.8);
  box-shadow: 0px 2px 8px rgba(179, 179, 179, 0.8);
  transition-property: right
}

.text-count.fadeout {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in
}

.text-count-number {
  color: #41464b
}

.feature-tip-container, .guide-tip-container {
  position: absolute;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}

.feature-tip-symbol, .guide-icon {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #9ABDE3;
  animation: circle-pulse 4s infinite ease-in-out;
  -moz-animation: circle-pulse 4s infinite ease-in-out;
  -webkit-animation: circle-pulse 4s infinite ease-in-out;
  -o-animation: circle-pulse 4s infinite ease-in-out;
  pointer-events: none
}

.guide-icon-container {
  position: relative;
  height: 100px;
  width: 100%;
  pointer-events: none
}

.guide-show-more-icon {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 10px;
  animation: circle-slide-away 4s infinite ease-in;
  -moz-animation: circle-slide-away 4s infinite ease-in;
  -webkit-animation: circle-slide-away 4s infinite ease-in;
  -o-animation: circle-slide-away 4s infinite ease-in
}

.feature-tip-content, .guide-tip {
  display: inline-block;
  font-size: 12px;
  max-width: 310px;
  padding: 5px;
  border-radius: 4px;
  color: #333;
  background-color: #f5d57a
}

.guide-tip-title {
  display: inline-block;
  font-weight: bold;
  vertical-align: top
}

.guide-tip-info {
  display: inline-block;
  max-width: 240px
}

.guide-share-tip {
  display: block;
  margin-left: -46px;
  margin-top: 5px
}

.guide-open-share-tip {
  display: block;
  margin-top: 10px
}

.guide-share-users-tip {
  margin-top: 10px
}

@-webkit-keyframes circle-pulse {
  0%, 100% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.85
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.6
  }
}

@-moz-keyframes circle-pulse {
  0%, 100% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.85
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.6
  }
}

@keyframes circle-pulse {
  0%, 100% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.85
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.6
  }
}

@-webkit-keyframes circle-slide-away {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 0
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 1
  }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0.8
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0
  }
}

@-moz-keyframes circle-slide-away {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 0
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 1
  }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0.8
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0
  }
}

@keyframes circle-slide-away {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 0
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    bottom: 10;
    opacity: 1
  }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0.8
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    bottom: 90px;
    opacity: 0
  }
}

.guide-open-doc-icon, .guide-change-permission-icon {
  float: left
}

.guide-open-doc-tip {
  float: right;
  margin-left: 20px
}

.guide-change-permission-tip {
  float: right;
  margin-left: 10px
}

.sheet-splash-container {
  width: 635px;
  height: 484px;
  margin-left: -317px;
  margin-top: -242px
}

.sheet-splash-title {
  width: 192px;
  height: 62px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 74px;
  margin: 74px auto 30px auto;
  background-image: url();
  background-size: 192px 62px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .sheet-splash-title {
    background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_title_2x-aac595a248.png")
  }
}

.sheet-splash-img {
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  width: 400px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_img-26ac3262a8.png");
  background-size: 400px 200px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .sheet-splash-img {
    background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_img_2x-20733417cf.png")
  }
}

.sheet-splash-actions {
  width: 346px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px
}

.sheet-splash-confirm, .sheet-splash-ignore {
  width: 170px;
  height: 28px;
  display: inline-block;
  font-size: 12px;
  border-radius: 1px;
  text-align: center;
  line-height: 28px
}

.sheet-splash-confirm {
  float: left;
  color: #FFF;
  background-color: #41464B
}

.sheet-splash-confirm:hover {
  background-color: #313438
}

.sheet-splash-ignore {
  float: right;
  color: #41464B;
  background-color: #E5E5E5
}

.sheet-splash-ignore:hover {
  background-color: #DADADA
}

.buddle-comment-btn {
  color: #fff;
  position: absolute;
  right: 40px;
  font-size: 18px;
  cursor: pointer;
  width: 24px !important;
  height: 20px;
  display: none;
  color: #c2cad2
}

.buddle-comment-btn:hover {
  color: #5e97d4
}

.buddle-comment-btn:before {
  left: 2px;
  position: absolute
}

.comment-buddle {
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 42px;
  text-align: center;
  font-size: 12px;
  color: #bbb;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.comment-buddle.active, .comment-buddle:hover, .comment-buddle.beClick {
  color: #6daaec
}

.comment-buddle.hide {
  display: none
}

.comment-buddle:before {
  position: absolute;
  font-size: 18px;
  left: 0
}

.comment-buddle-text {
  color: #fff;
  position: absolute;
  left: -1px;
  top: 1px;
  height: 12px;
  width: 18px;
  font-family: Arial, Helvetica, Tahoma;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9)
}

.sidebar {
  width: 340px;
  position: fixed;
  right: -340px;
  top: 55px;
  bottom: 0;
  min-height: 150px;
  border-bottom: none;
  font-size: 12px;
  z-index: 100
}

.selection-comment-input {
  max-height: 78px;
  overflow: auto;
  width: calc(100% - 10px);
  position: relative;
  z-index: 1;
  visibility: hidden;
  height: auto;
  line-height: 19px;
  min-height: 19px;
  padding: 5px 4px;
  outline: none
}

.history-item-time, .comment-item-time {
  float: right;
  color: #bebebe;
  font-size: 12px;
  width: 90px;
  text-align: right
}

.comment-avatar {
  position: relative;
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.comment-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.list-mask {
  display: none;
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 1px;
  right: -22px;
  z-index: 100;
  opacity: 0.5
}

.fun, .comment-error-span {
  position: absolute;
  z-index: 10;
  display: none
}

.fun {
  top: 2px;
  right: 0
}

.comment-error-span {
  bottom: -20px;
  left: 0
}

.icon-box {
  color: #ee7b70
}

.icon-box .hicon {
  margin-right: 4px;
  top: 3px;
  vertical-align: top;
  color: inherit
}

.deleting-comment {
  color: #ee7b70
}

.resend-comment {
  right: 64px;
  color: #8f9baa
}

.resend-comment .hicon {
  color: inherit
}

.resend-comment:hover {
  color: #6093bb
}

.sending-comment {
  color: #60be61
}

.selection-header {
  padding: 12px 0;
  color: #666
}

.current-user:hover .comment-item-time, .deleting .comment-item-time, .sending .comment-item-time, .sending-error .comment-item-time {
  display: none
}

.sending .sending-comment {
  display: block
}

.sending-error .resend-comment, .sending-error .delete-comment, .sending-error .error-span {
  display: block
}

.current-user.deleting:hover .delete-comment, .current-user.sending:hover .delete-comment {
  display: none
}

.current-user:hover .delete-comment {
  display: block
}

.deleting .deleting-comment {
  display: block
}

.show-comments:before {
  display: none
}

.show-comments:after {
  margin-left: 2px
}

.show-comments.icon-drop-up:after {
  content: '\e625'
}

.show-comments.icon-drop-down:after {
  content: '\e61e'
}

.input-box-footer {
  height: 14px
}

.input-box-footer .hicon:before {
  margin-right: 5px
}

.comment-avatar {
  width: 30px !important;
  height: 30px !important
}

.comment-content {
  color: #333;
  font-size: 12px
}

.comment-body {
  margin-left: 30px
}

.selection-comment-content {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-top-left-radius: 0;
  overflow: hidden;
  padding: 0 30px 0 30px
}

.start-comment {
  display: inline-block;
  cursor: pointer;
  float: right;
  padding: 2px 0
}

.start-comment-icon {
  margin-right: 5px
}

.input-box-footer {
  padding-bottom: 20px
}

.input-box-footer .hicon {
  color: inherit
}

.input-box-footer>* {
  color: #c2cad2
}

.input-box-footer>*:hover {
  color: #8f9baa
}

.document-info-li {
  position: relative
}

.doc-history-title {
  position: absolute;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 43px;
  padding-left: 20px
}

.doc-history-title.spreadsheet {
  position: absolute;
  background: inherit
}

.doc-history-title .content {
  line-height: 40px;
  color: #333
}

.doc-history-title:after {
  content: '';
  display: block;
  border-bottom: 1px solid #ddd;
  width: 300px;
  position: absolute;
  bottom: 0
}

.doc-sidebar-close {
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 9px 7px;
  cursor: pointer;
  color: #888;
  position: absolute;
  text-align: center;
  line-height: 12px;
  top: 4px;
  right: 36px;
  z-index: 2;
  text-indent: initial
}

.doc-sidebar-close:hover {
  color: #333
}

.history-list {
  padding: 0 20px;
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden
}

.change {
  padding: 5px 15px;
  background: white;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  margin-bottom: 0;
  position: relative;
  display: none
}

.change.state1 {
  margin-top: 7px;
  max-height: 170px;
  overflow: hidden
}

.change.state1:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #fff)
}

.change:nth-child(2), .change:nth-child(3), .change:nth-child(4) {
  display: block
}

.change:nth-child(2) {
  z-index: 49
}

.change:nth-child(3) {
  z-index: 48
}

.change:nth-child(4) {
  z-index: 47
}

.change.state2 {
  height: 5px;
  overflow: hidden;
  padding: 0 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -4px
}

.change .upload-image img {
  width: auto !important;
  height: auto !important
}

.history-revert {
  display: none;
  position: absolute;
  top: 5px;
  right: 10px;
  background: white;
  cursor: pointer !important;
  color: #73A2E3;
  font-size: 12px
}

.history-revert:hover {
  color: #4682C1
}

.history-revert:hover .history-revert-icon {
  color: #4682C1
}

.state1 .history-revert {
  display: inline-block
}

.history-revert .history-revert-icon {
  float: left;
  top: 0px;
  margin-right: 3px;
  color: #73A2E3;
  cursor: pointer !important
}

.history-info {
  color: #73A2E3;
  cursor: pointer;
  margin-left: 5px
}

.history-info:hover {
  color: #4682C1
}

.history-info:after {
  content: '展开'
}

#sidebar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -webkit-transition: right 0.2s ease-in;
  -moz-transition: right 0.2s ease-in;
  transition: right 0.2s ease-in
}

#sidebar .history-item.expand .change {
  border: 1px solid #ddd;
  box-shadow: unset;
  background: transparent;
  height: auto;
  overflow: hidden;
  margin-bottom: 7px;
  display: block
}

#sidebar .history-item.expand .change:last-child {
  margin-bottom: 0
}

#sidebar .history-item.expand .change.state1 {
  max-height: unset
}

#sidebar .history-item.expand .change.state1:after {
  display: none
}

#sidebar .history-item.expand .change.state2 {
  border-radius: 4px
}

#sidebar .history-item.expand:hover .change {
  box-shadow: unset
}

#sidebar .history-item.expand .history-info:after {
  content: '收起'
}

#sidebar .history-item.expand .history-revert {
  background: #f0f0f0
}

.history-item {
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
  width: 100%;
  padding: 10px 20px;
  margin-left: -20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent
}

.history-item.active {
  padding-bottom: 15px;
  background: #dfdfdf
}

.history-item.single.short .history-info {
  display: none
}

.history-item.short .state1:after {
  display: none
}

.history-header {
  position: relative
}

.history-item-time {
  color: #CCC;
  float: right;
  font-size: 12px;
  line-height: 18px
}

.history-content {
  display: inline-block;
  font-size: 12px;
  color: #A5A5A5;
  line-height: 18px;
  width: 210px;
  word-break: break-all
}

.history-content-author {
  color: #A5A5A5;
  margin-right: 5px;
  font-weight: bold
}

.history-content-time {
  color: #6886aa;
  cursor: pointer
}

.document-info-list {
  opacity: 0
}

.document-info-list:before {
  content: ' ';
  height: 10px;
  width: 100%;
  background: #fff
}

.temp-list-trangle {
  border: none;
  left: -7px;
  top: 100px;
  position: absolute
}

.temp-list-trangle-item.left {
  left: -1px
}

.no-target {
  background: #fff;
  text-indent: 15px;
  line-height: 38px;
  color: #ee7b70;
  display: none
}

.close-temp {
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 9px 7px;
  cursor: pointer;
  color: #888;
  position: absolute;
  text-align: center;
  line-height: 12px;
  top: 0;
  right: 8px;
  z-index: 2
}

.close-temp:hover {
  color: #333
}

.shadow-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  display: none
}

.document-info-li {
  overflow: hidden;
  padding: 0 15px
}

.document-info-li:last-child {
  border-radius: 0 0 4px 4px;
  margin-bottom: 0
}

.has-comment .selection-header {
  border-bottom: 1px solid #d7dbe0
}

.selection-comment-list {
  overflow-x: hidden;
  overflow-y: auto
}

.comment-input-box {
  width: 100%;
  background: #fff;
  padding: 0 15px 15px;
  margin-left: -15px
}

.input-placeholder {
  position: absolute;
  z-index: 0;
  padding: 6px 4px;
  height: 19px;
  line-height: 19px;
  color: #cdcdcd;
  left: 19px
}

.temp-list {
  display: none;
  width: 300px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top: 31px;
  position: absolute;
  z-index: 200
}

.temp-list:before {
  content: '评论';
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 15px;
  height: 30px;
  line-height: 30px;
  color: #666;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  font-size: 12px;
  position: absolute;
  z-index: 1;
  top: 0
}

.only .input-box-footer {
  display: none
}

.only .selection-comment-list {
  width: 100%;
  margin-left: -15px;
  padding: 0 15px
}

.has-many {
  position: absolute
}

.has-many .scroll-list {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%
}

.has-many .shadow-img {
  display: block
}

.has-many .selection-comment-input {
  display: none
}

.has-many .selection-comment-content {
  padding: 0
}

.has-many .document-info-li:last-child {
  margin-bottom: 0
}

.has-many .document-info-li:last-child .shadow-img {
  display: none
}

.has-many .selection-comment-list li {
  display: none
}

.has-many .selection-comment-list li:last-child {
  display: block
}

.has-many .selection-comment-list.open li {
  display: block
}

.s-comment .document-info-list, .s-comment .doc-directory, .start-s-comment .document-info-list, .start-s-comment .doc-directory {
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1')
}

.doc-comment-item {
  min-height: 38px;
  margin: 16px 0;
  position: relative
}

.comment-body {
  width: calc(100% - 41px);
  margin-left: 30px;
  padding: 0 12px;
  line-height: 20px
}

.comment-info {
  color: #6886aa
}

.comment-content {
  color: #333;
  word-wrap: break-word
}

.sidebar-body {
  background: inherit;
  width: 100%;
  height: 100%
}

.doc-view {
  position: relative
}

.pad-view-pc #buddle-box {
  display: none
}

.comment-show .doc-comment-container {
  visibility: visible
}

.history-show .doc-comment-container {
  visibility: hidden
}

.doc-comment-container {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease-out
}

.doc-comment-box {
  width: 260px;
  background: #fff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  position: absolute;
  left: 0;
  margin-left: 0;
  cursor: pointer;
  transition: opacity .3s ease-out, margin-left .3s ease, top .3s ease
}

.doc-comment-box>* {
  opacity: .5
}

.doc-comment-box:hover>* {
  opacity: 1
}

.doc-comment-box.comment-init {
  transition: none;
  opacity: 0
}

.doc-comment-box.active {
  cursor: default;
  box-shadow: 0px 0px 20px #c8c8c8;
  margin-left: -30px;
  width: 290px
}

.doc-comment-box.active>* {
  opacity: 1
}

.doc-comment-box.active .doc-comment-content {
  max-height: none
}

.doc-comment-box.active .doc-comment-content:after {
  display: none
}

.doc-comment-box.active .doc-comment-time {
  display: block
}

.doc-comment-box.active .current-user:hover .doc-comment-time {
  display: none
}

.doc-comment-box.active .current-user:hover .doc-comment-delete {
  display: block
}

.doc-comment-body {
  max-height: 300px;
  overflow: auto;
  width: 100%
}

.doc-comment-item {
  padding: 2px 0;
  min-height: 50px;
  margin: 0;
  overflow: hidden
}

.doc-comment-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  margin: 10px 10px 10px 15px
}

.doc-comment-text {
  float: left;
  font-size: 12px;
  width: calc(100% - 70px);
  position: relative
}

.doc-comment-time, .doc-comment-delete {
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 1;
  font-size: 12px;
  color: #a2a2a2;
  display: none
}

.doc-comment-delete {
  color: #ee7b70;
  cursor: pointer
}

.doc-comment-delete-icon {
  position: relative;
  top: 0;
  vertical-align: top;
  color: inherit !important
}

.doc-comment-name {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 12px;
  color: #a2a2a2
}

.doc-comment-content {
  color: #333;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 18px;
  max-height: 50px;
  overflow: hidden;
  word-break: break-word
}

.doc-comment-content.over-range {
  position: relative
}

.doc-comment-content.over-range:after {
  content: '...';
  width: 100%;
  height: 18px;
  background: #fff;
  left: 0;
  bottom: 0;
  position: absolute
}

.doc-comment-footer {
  position: relative;
  overflow: hidden;
  padding-bottom: 2px
}

.doc-comment-footer .doc-comment-avatar {
  margin-top: 12px
}

.doc-comment-input-placeholder {
  position: absolute;
  z-index: 0;
  height: 20px;
  line-height: 20px;
  color: #cdcdcd;
  left: 55px;
  top: 17px;
  font-size: 12px
}

.doc-comment-input {
  word-break: break-word;
  border: none;
  outline: none;
  resize: none;
  margin-top: 12px;
  width: calc(100% - 70px);
  padding: 5px 0;
  min-height: 20px;
  max-height: 100px;
  overflow: auto;
  overflow-x: hidden;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  z-index: 1
}

.doc-comment-number {
  color: #6da2d7;
  text-indent: 55px;
  line-height: 1;
  font-size: 12px;
  padding: 6px 0
}

.btn.doc-comment-btn {
  line-height: 24px;
  height: 24px;
  padding: 0 12px;
  float: right;
  margin: 0 10px 10px 0
}

.btn.doc-comment-cancel {
  margin-right: 15px
}

.comment-actived #buddle-comment-btn {
  display: none !important
}

.doc-comment-header {
  height: 32px;
  line-height: 32px;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  box-shadow: 0px 1px 4px #ccc
}

.doc-comment-close {
  margin-right: 10px;
  font-size: 12px;
  color: #a2a2a2;
  float: right
}

.doc-comment-close:hover {
  color: #333
}

.doc-comment-close:hover .doc-comment-close-icon {
  opacity: 1
}

.doc-comment-close-icon {
  vertical-align: middle;
  height: 32px;
  margin-right: 5px;
  background: url("https://assets-cdn.shimo.im/assets/images/finish_comment_icon_2x-dddffee799.png");
  background-size: 13px 10px;
  line-height: 32px;
  display: inline-block;
  width: 13px;
  height: 10px;
  position: relative;
  top: -1px;
  opacity: .5
}

.doc-comment-online {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 0px;
  width: 6px;
  height: 6px;
  background: #60be61;
  border: 1px solid #fff;
  left: 37px;
  top: 31px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.doc-comment-online.active {
  display: block
}

.doc-footer-divide {
  margin-top: 7px;
  height: 1px;
  width: 270px;
  margin-left: 10px;
  background: url("https://assets-cdn.shimo.im/assets/images/comment_divide_2x-b94d0afe73.png");
  background-size: 270px 1px
}

.doc-comment-render {
  opacity: 0;
  width: 190px;
  height: 0;
  line-height: 18px;
  font-size: 12px;
  overflow: hidden
}

.buddle-comment-btn {
  color: #fff;
  position: absolute;
  right: 40px;
  font-size: 18px;
  cursor: pointer;
  width: 24px !important;
  height: 20px;
  display: none;
  color: #c2cad2
}

.buddle-comment-btn:hover {
  color: #5e97d4
}

.buddle-comment-btn:before {
  left: 2px;
  position: absolute
}

.comment-buddle {
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 42px;
  text-align: center;
  font-size: 12px;
  color: #bbb;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.comment-buddle.active, .comment-buddle:hover, .comment-buddle.beClick {
  color: #6daaec
}

.comment-buddle.hide {
  display: none
}

.comment-buddle:before {
  position: absolute;
  font-size: 18px;
  left: 0
}

.comment-buddle-text {
  color: #fff;
  position: absolute;
  left: -1px;
  top: 1px;
  height: 12px;
  width: 18px;
  font-family: Arial, Helvetica, Tahoma;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9)
}

.doc-directory {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #ccc;
  margin: 126px 0 20px 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  padding-left: 10px
}

.doc-directory-title {
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px
}

.doc-directory-title .doc-sidebar-close {
  top: 2px;
  padding: 2px 5px
}

.doc-directory-list {
  height: calc(100% - 154px);
  padding: 16px 12px 0 12px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-y: auto;
  overflow-x: hidden
}

.doc-directory-list li.toc-entry {
  position: relative;
  padding: 2px 0;
  border-left: 1px solid #ddd
}

.doc-directory-list li.toc-entry:hover a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #333
}

.doc-directory-list li.toc-entry>a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
  color: #7d7d7d;
  font-size: 12px
}

.doc-directory-list li.toc-entry:before {
  content: '●';
  position: absolute;
  top: 4px;
  left: -4px;
  color: #7d7d7d;
  font-family: 'Times New Roman'
}

.doc-directory-list li.linetag-hide {
  display: none
}

.doc-directory-list li.dir-not-found {
  margin-top: calc(100px - 16px);
  text-align: center;
  font-size: 14px;
  color: #7d7d7d
}

.doc-directory-list li.heading-3 a {
  font-size: 14px
}

.doc-directory-list.has-heading-3 li.heading-2 {
  padding-left: 25px
}

.doc-directory-list.has-heading-3 li.heading-2:before {
  position: relative;
  top: 2px;
  float: left;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7)
}

.doc-directory-list.has-heading-3 li.heading-1, .doc-directory-list.has-heading-2 li.heading-1 {
  padding-left: 45px
}

.doc-directory-list.has-heading-3 li.heading-1:before, .doc-directory-list.has-heading-2 li.heading-1:before {
  position: relative;
  top: 2px;
  float: left;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7)
}

.doc-directory-list li.decimal ol {
  list-style: decimal
}

.doc-directory-list li.lower-latin ol {
  list-style: lower-latin
}

.doc-directory-list li.lower-roman ol {
  list-style: lower-roman
}

.doc-directory-list ol {
  margin-left: 30px;
  color: #7d7d7d
}

.doc-directory-list ol li {
  list-style: inherit
}

.doc-directory-list ol li>a {
  color: #7d7d7d
}

body.android-app #buddle-box {
  display: none
}

body.ios {
  width: 100% !important
}

body.ios .container {
  top: 0
}

body.ios #doc-container {
  top: 0 !important;
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important
}

body.ios #header {
  display: none
}

body.ios .comment-buddle {
  width: 25px
}

body.ios #outerdocbody {
  margin-right: 30px;
  margin-left: -5px
}

body.ios .pad-view #doc-view #innerdocbody>div {
  margin-left: 5px;
  margin-right: -5px
}

body.ios .pad-view #doc-view #innerdocbody>div.has-comments {
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px
}

body.ios .pad-view #doc-view #innerdocbody {
  overflow: visible
}

.readonly .acl-write {
  display: none
}

#pad-view.readonly {
  min-width: 0;
  position: static
}

body.readonly {
  background: #F1F0F1;
  height: auto;
  overflow: auto;
  margin: 0 auto
}

body.readonly #track-avatars {
  display: none
}

body.readonly .weixin-preview-image {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -1px;
  opacity: 0
}

body.readonly #header {
  width: 816px;
  height: 90px;
  line-height: 90px;
  padding: 0;
  margin: 0 auto
}

body.readonly #header .readonly-avatar {
  float: right;
  line-height: 90px;
  margin-top: 0;
  padding-top: 5px
}

body.readonly #header .readonly-avatar .config-avatar-wrap {
  display: inline-block
}

body.readonly #header .mark-star-container {
  float: right;
  display: inline-block;
  line-height: 90px
}

body.readonly .home-link {
  float: left;
  width: 82px;
  height: 22px;
  margin-top: 34px;
  z-index: 999
}

body.readonly .home-link:focus {
  outline: 0
}

body.readonly .notlogged-link {
  margin-top: 38px
}

body.readonly .home-slogan {
  float: left;
  margin-left: 17px;
  margin-top: 43px;
  line-height: 14px;
  font-size: 14px;
  color: #41464b;
  letter-spacing: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased
}

body.readonly .readonly-operation {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
  border-radius: 2px;
  color: #666666;
  letter-spacing: 0;
  font-family: STsong, SimSun, "宋体", Heiti, "黑体", sans-serif
}

body.readonly .mark-star {
  width: 72px;
  background: #ffffff
}

body.readonly .mark-star.active {
  color: #cccccc
}

body.readonly .mark-star-wrap {
  float: right;
  display: inline-block;
  line-height: 90px
}

body.readonly .mark-star-wrap .register-or-login {
  margin-right: 5px
}

body.readonly .register-or-login {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, 0.06)
}

body.readonly .readonly-avatar {
  margin-left: 10px;
  margin-top: 19px;
  padding-top: 2px;
  box-shadow: none
}

body.readonly .doc-title-box {
  min-height: 60px
}

body.readonly #doc-container {
  width: 816px;
  left: auto;
  margin: 0 auto;
  position: static
}

body.readonly #doc-container #editorcontainer {
  position: static;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc;
  min-height: 600px
}

body.readonly #doc-container #editorcontainer .doc-title-box {
  height: auto;
  margin: 0 100px;
  width: auto;
  border-bottom: 1px solid #ebebeb
}

body.readonly #doc-container #editorcontainer .doc-title-box input {
  -webkit-text-fill-color: #333;
  -webkit-opacity: 1;
  background: white
}

body.readonly #doc-container #editorcontainer .innerdocbody {
  padding: 11px 0 150px 0
}

body.readonly #doc-container #editorcontainer .no-title-innerdocbody {
  padding-top: 100px
}

body.readonly #doc-container #editorcontainer .upload-image:hover .remove-media {
  display: none
}

body.readonly #doc-container #editorcontainer #outerdocbody .upload-image img {
  cursor: pointer
}

body.readonly #doc-container .doc-title-input {
  word-wrap: break-word;
  font-size: 30px;
  font-weight: bold
}

body.readonly #doc-container #buddle-box, body.readonly #doc-container #buddle-comment-btn {
  display: none
}

body.readonly #login-mask {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
  background: rgba(255, 255, 255, 0.9)
}

body.readonly #login-mask .action-container {
  margin: 350px auto;
  vertical-align: top;
  width: 140px;
  color: #959595
}

body.readonly #login-mask .login-action, body.readonly #login-mask .register-action {
  background: url();
  width: 20px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 20px 146px;
  float: left
}

body.readonly #login-mask .login-action {
  margin-right: 40px;
  background-position: 0px -109px
}

body.readonly #login-mask .register-action {
  margin-left: 40px;
  background-position: 0px -43px
}

body.readonly #login-mask .tag {
  float: left;
  line-height: 12px;
  font-size: 12px
}

body.readonly #login-mask.active {
  display: block
}

body.readonly .doc-desc {
  margin-top: 0;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #999999
}

body.overflow-hidden {
  overflow: hidden
}

.spreadsheet-view.readonly {
  height: 100%;
  min-width: 100%
}

.spreadsheet-view.readonly .s-head {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 200;
  line-height: 50px;
  background-color: #FFF;
  box-sizing: border-box;
  border-bottom: 1px solid #DDD;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -ms-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  -o-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.15)
}

.spreadsheet-view.readonly .s-body {
  padding-top: 66px
}

.spreadsheet-view.readonly .s-home-link-wrap {
  float: left;
  height: 100%;
  padding-left: 30px
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link {
  display: inline-block;
  height: 16px;
  width: 66px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover;
  margin: 17px 0px
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link.custom-logo {
  background: none
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .spreadsheet-view.readonly .s-home-link-wrap .s-home-link {
    background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.spreadsheet-view.readonly .s-head-readonly-wrap {
  float: left;
  height: 100%
}

.spreadsheet-view.readonly .s-head-readonly-wrap .sheet-img-not-loggin {
  margin-left: 24px;
  margin-right: 9px
}

.spreadsheet-view.readonly .s-head-readonly-wrap .title-loggin {
  margin-left: 4px;
  margin-right: 10px
}

.spreadsheet-view.readonly .s-head-readonly-wrap .s-title {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0;
  text-align: left
}

.spreadsheet-view.readonly .s-head-readonly-wrap .readonly-loggin-star {
  float: none
}

.spreadsheet-view.readonly .readonly-btn-group {
  float: right;
  margin-right: 36px
}

.spreadsheet-view.readonly .readonly-btn-group .readonly-operation {
  display: inline-block;
  float: none;
  margin-top: 0;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
  border-radius: 2px;
  color: #666666;
  letter-spacing: 0
}

.spreadsheet-view.readonly .readonly-btn-group .mark-star {
  width: 72px;
  background: #ffffff
}

.spreadsheet-view.readonly .readonly-btn-group .register-or-login, .spreadsheet-view.readonly .readonly-btn-group .mobile-readonly-anonymous-star {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, 0.06)
}

.spreadsheet-view.readonly .loading {
  height: auto
}

.spreadsheet-view.readonly .mobile-sheet-head {
  height: 66px;
  line-height: 0px;
  padding: 0px 16px
}

.spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap {
  padding-top: 12px;
  padding-left: 0px;
  font-size: 0;
  width: 100%;
  height: 0px;
  line-height: 0px
}

.spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap .s-home-link {
  margin: 0px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap .s-home-link {
    background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap {
  position: relative;
  float: none;
  margin-top: 30px;
  height: auto;
  white-space: nowrap
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .m-multi-sheet-wrap {
  float: right;
  max-width: 120px
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .m-multi-sheet-wrap .single-sheet-wrap {
  display: inline-block;
  height: 38px;
  line-height: 40px;
  padding-right: 10px;
  overflow: hidden;
  font-size: 14px;
  color: #666
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .s-title {
  font-size: 14px;
  line-height: 35px;
  margin-right: 120px;
  color: none;
  font-weight: normal;
  width: calc(100% - 120px)
}

.m-sheet-head {
  width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff
}

.m-sheet-head .m-s-home-link-wrap {
  width: 100%;
  height: 44px;
  line-height: 44px
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link {
  float: left;
  display: inline-block;
  height: 16px;
  width: 66px;
  margin-left: 10px;
  margin-top: 15px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link.custom-logo {
  background: none
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .m-sheet-head .m-s-home-link-wrap .m-s-home-link {
    background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.m-sheet-head .m-s-home-link-wrap .home-website {
  display: inline-block;
  float: left;
  width: 49px;
  height: 24px;
  line-height: 24px;
  margin-top: 11px;
  margin-left: 10px;
  font-size: 14px;
  color: #41464b
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap {
  display: inline-block;
  line-height: 44px
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap .readonly-btn-group {
  margin-right: 10px
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap .readonly-operation {
  margin-top: 10px
}

.m-sheet-head .m-s-home-link-wrap .header-back-up {
  height: 44px;
  margin-left: -5px
}

.m-sheet-head .m-s-home-link-wrap .m-sheet-avatar .config-avatar-wrap {
  float: right;
  display: inline-block;
  margin-top: 12px;
  margin-left: 10px
}

.m-sheet-head .m-s-head-readonly-wrap {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #cccccc
}

.m-sheet-head .m-s-head-readonly-wrap .s-title {
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
  font-weight: bold
}

.m-sheet-head .m-s-head-readonly-wrap .m-multi-sheet-wrap {
  margin-right: 10px
}

@media screen and (max-width: 1176px) {
  body {
    overflow: auto !important;
    min-width: 1176px
  }
}

.footer {
  width: 816px;
  margin: 0px auto;
  padding-top: 10px;
  padding-bottom: 36px
}

.footer.custom-logo .footer-copy {
  display: none
}

.editable-footer {
  width: 816px;
  margin: 0px auto;
  padding-top: 25px;
  padding-bottom: 36px;
  text-align: center
}

.footer-copy {
  font-size: 14px;
  color: #a5a5a5;
  letter-spacing: 1px;
  text-align: left
}

#sidebar .history-item:hover .change {
  box-shadow: 0 2px 5px #eaeaea
}

#sidebar .history-item .change {
  box-shadow: 0 1px 1px #eaeaea;
  word-break: break-all;
  width: 268px;
  position: relative;
  color: #666;
  line-height: 1.5;
  font-size: 11pt
}

#sidebar .history-item .change * {
  cursor: default
}

#sidebar .history-item .change font {
  color: #666
}

#sidebar .history-item .change .font-size-1 {
  font-size: 9pt
}

#sidebar .history-item .change .font-size-2 {
  font-size: 10pt
}

#sidebar .history-item .change .font-size-3 {
  font-size: 11pt
}

#sidebar .history-item .change .font-size-4 {
  font-size: 12pt
}

#sidebar .history-item .change .font-size-5 {
  font-size: 14pt
}

#sidebar .history-item .change .font-size-6 {
  font-size: 18pt
}

#sidebar .history-item .change .font-size-7 {
  font-size: 24pt
}

#sidebar .history-item .change .font-size-8 {
  font-size: 30pt
}

#sidebar .history-item .change .font-size-9 {
  font-size: 36pt
}

#sidebar .history-item .change font[size="1"] {
  font-size: 9pt
}

#sidebar .history-item .change font[size="2"] {
  font-size: 10pt
}

#sidebar .history-item .change font[size="3"] {
  font-size: 11pt
}

#sidebar .history-item .change font[size="4"] {
  font-size: 12pt
}

#sidebar .history-item .change font[size="5"] {
  font-size: 14pt
}

#sidebar .history-item .change font[size="6"] {
  font-size: 18pt
}

#sidebar .history-item .change font[size="7"] {
  font-size: 24pt
}

#sidebar .history-item .change font[size="8"] {
  font-size: 30pt
}

#sidebar .history-item .change font[size="9"] {
  font-size: 36pt
}

#sidebar .history-item .change .text-indent {
  text-indent: 0.5em
}

#sidebar .history-item .change ul.list-indent1 {
  padding-left: 0.5em
}

#sidebar .history-item .change ul.list-indent2 {
  padding-left: 1em
}

#sidebar .history-item .change ul.list-indent3 {
  padding-left: 1.5em
}

#sidebar .history-item .change ul.list-indent4 {
  padding-left: 2em
}

#sidebar .history-item .change ul.list-indent5 {
  padding-left: 2.5em
}

#sidebar .history-item .change ul.list-indent6 {
  padding-left: 3em
}

#sidebar .history-item .change ul.list-indent7 {
  padding-left: 3.5em
}

#sidebar .history-item .change ul.list-indent8 {
  padding-left: 4em
}

#sidebar .history-item .change .heading-1, #sidebar .history-item .change .heading-2, #sidebar .history-item .change .heading-3 {
  padding-top: 0;
  padding-bottom: 0
}

#sidebar .history-item .change ul[class^='list-done'] font {
  color: #a2a2a2 !important
}

#sidebar .history-item .change .locate {
  cursor: pointer
}

#sidebar .history-item .change .locate * {
  cursor: pointer !important
}

#sidebar .history-item .change .locate.hover .addition {
  background: rgba(78, 180, 66, 0.38) !important
}

#sidebar .history-item .change .locate.hover .addition.upload-image {
  background: transparent !important
}

#sidebar .history-item .change .locate.hover .addition.upload-image img {
  border: 1px solid rgba(78, 180, 66, 0.7) !important
}

#sidebar .history-item .change .addition {
  background: rgba(119, 196, 111, 0.3) !important
}

#sidebar .history-item .change .addition.upload-image {
  background: transparent !important
}

#sidebar .history-item .change .addition.upload-image img {
  border: 1px solid rgba(119, 196, 111, 0.7) !important
}

#sidebar .history-item .change .ace-line.hover .deletion {
  color: #F08888
}

#sidebar .history-item .change .ace-line.hover .deletion .inner {
  color: #999 !important
}

#sidebar .history-item .change .ace-line.hover .deletion font {
  color: #F08888
}

#sidebar .history-item .change .deletion {
  text-decoration: line-through;
  color: #F4AAAA
}

#sidebar .history-item .change .deletion font {
  color: #F4AAAA
}

#sidebar .history-item .change .deletion .inner, #sidebar .history-item .change .deletion.mention:before, #sidebar .history-item .change .deletion .attachment-file-name:after {
  color: #a5a5a5 !important
}

#sidebar .history-item .change .deletion img {
  opacity: 0.3;
  -webkit-mask-image: -webkit-linear-gradient(45deg, #000 6%, transparent 6%, transparent 9%, #000 9%, #000 15%, transparent 15%, transparent 18%, #000 18%, #000 24%, transparent 24%, transparent 27%, #000 27%, #000 33%, transparent 33%, transparent 36%, #000 36%, #000 42%, transparent 42%, transparent 45%, #000 45%, #000 51%, transparent 51%, transparent 54%, #000 54%, #000 60%, transparent 60%, transparent 63%, #000 63%, #000 69%, transparent 69%, transparent 72%, #000 72%, #000 78%, transparent 78%, transparent 81%, #000 81%, #000 87%, transparent 87%, transparent 90%, #000 90%, #000 96%, transparent 96%, #000)
}

#sidebar .history-item .change .deletion img:hover {
  opacity: 0.5 !important
}

#sidebar .history-item .change .mention {
  background: none;
  letter-spacing: 0px !important;
  padding: 0px;
  border-radius: 0px
}

#sidebar .history-item .change .upload-image .remove-media, #sidebar .history-item .change .upload-image div, #sidebar .history-item .change .upload-error {
  display: none
}

#sidebar .history-item .change .upload-image {
  border: none
}

#sidebar .history-item .change a {
  color: #666;
  cursor: default
}

#sidebar .history-item .change img {
  max-width: 80% !important;
  display: block;
  cursor: pointer
}

#sidebar .history-item .change .ace-line {
  margin: 8px 0px
}

#sidebar .history-item .change .list-code1 {
  padding-left: 1.5em
}

#sidebar .history-item .change ul, #sidebar .history-item .change ol, #sidebar .history-item .change li {
  padding: 0
}

#sidebar .history-item .change .attachment-wrapper {
  width: auto;
  height: auto;
  border: none;
  background: none;
  line-height: 0
}

#sidebar .history-item .change .attachment-wrapper:hover .attachment-file-info {
  border: none
}

#sidebar .history-item .change .attachment-wrapper:hover .attachment-download-link {
  display: none
}

#sidebar .history-item .change .attachment-title-icon {
  display: none
}

#sidebar .history-item .change .attachment-file-size {
  display: none
}

#sidebar .history-item .change .attachment-file-info {
  width: auto;
  height: auto;
  line-height: 0;
  margin: 0
}

#sidebar .history-item .change .attachment-file-name {
  width: auto;
  height: auto;
  line-height: 0
}

#sidebar .history-item .change .horizontal-line.deletion>hr {
  outline: 5px solid rgba(238, 123, 112, 0.3)
}

#sidebar .history-item .change .horizontal-line>hr {
  outline: 5px solid rgba(119, 196, 111, 0.3)
}

.history-limitation-info {
  text-align: center;
  font-size: 12px;
  color: #888;
  padding-bottom: 18px
}

.history-divide-line {
  width: 250px;
  height: 0;
  border-top: 1px solid #E5E5E5;
  margin: 16px auto
}

.history-pro-link {
  color: #70B1E7
}

.history-pro-link:hover {
  color: #28C
}

@-webkit-keyframes highlight-border {
  0% {
    border: 3px solid white
  }
  15% {
    border: 3px solid #f8f9d9
  }
  35% {
    border: 3px solid #f8f9d9
  }
  100% {
    border: 3px solid white
  }
}

@keyframes highlight-border {
  0% {
    border: 3px solid white
  }
  15% {
    border: 3px solid #f8f9d9
  }
  35% {
    border: 3px solid #f8f9d9
  }
  100% {
    border: 3px solid white
  }
}

@-webkit-keyframes highlight {
  0% {
    background: white
  }
  15% {
    background: #f8f9d9
  }
  35% {
    background: #f8f9d9
  }
  100% {
    background: white
  }
}

@keyframes highlight {
  0% {
    background: white
  }
  15% {
    background: #f8f9d9
  }
  35% {
    background: #f8f9d9
  }
  100% {
    background: white
  }
}

.context-menu-list {
  z-index: 200 !important;
  margin: 0;
  padding: 0;
  min-width: 120px;
  max-width: 250px;
  display: inline-block;
  position: absolute;
  list-style-type: none;
  border: 1px solid #DDD;
  background: #EEE;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px
}

.context-menu-item {
  padding: 2px 2px 2px 24px;
  background-color: #EEE;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none
}

.context-menu-separator {
  padding-bottom: 0;
  border-bottom: 1px solid #DDD
}

.context-menu-item>label>input, .context-menu-item>label>textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.context-menu-item.hover {
  cursor: pointer;
  background-color: #39F
}

.context-menu-item.disabled {
  color: #666
}

.context-menu-input.hover, .context-menu-item.disabled.hover {
  cursor: default;
  background-color: #EEE
}

.context-menu-submenu:after {
  content: ">";
  color: #666;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1
}

.context-menu-input>label>* {
  vertical-align: top
}

.context-menu-input>label>input[type="checkbox"], .context-menu-input>label>input[type="radio"] {
  margin-left: -17px
}

.context-menu-input>label>span {
  margin-left: 5px
}

.context-menu-input>label, .context-menu-input>label>input[type="text"], .context-menu-input>label>textarea, .context-menu-input>label>select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.context-menu-input>label>textarea {
  height: 100px
}

.context-menu-item>.context-menu-list {
  display: none;
  right: -5px;
  top: 5px
}

.context-menu-item.hover>.context-menu-list {
  display: block
}

.context-menu-accesskey {
  text-decoration: underline
}

body.mozilla, body.safari {
  display: table-cell
}

body.doesWrap {
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block !important
}

.safari div {
  padding-right: 1px
}

#outerdocbody {
  background-color: #fff
}

#outerdocbody a {
  cursor: pointer !important;
  color: #70b1e7
}

#outerdocbody a:hover {
  color: #28c
}

#outerdocbody .mention {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-color: #ddd;
  border-radius: 5px;
  padding: 1px 3px;
  margin-left: 0.2em
}

#outerdocbody .mention:before {
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  font-family: Arial, sans-serif
}

#outerdocbody .drag-ele {
  box-shadow: 0 2px 2px 2px #ccc
}

#outerdocbody .upload-image, #outerdocbody [class*="upload-image"] {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent
}

#outerdocbody .upload-image img, #outerdocbody [class*="upload-image"] img {
  max-width: 100%;
  cursor: zoom-in
}

#outerdocbody .upload-image div, #outerdocbody [class*="upload-image"] div {
  display: none
}

#outerdocbody .upload-attachment {
  width: 100%
}

#outerdocbody .remove-media {
  cursor: pointer;
  display: none;
  vertical-align: top;
  position: absolute;
  font-size: 20px;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  top: -24px;
  right: -21px;
  color: #bebebe
}

#outerdocbody .remove-media:hover {
  color: #ee7b70
}

#outerdocbody .remove-media:before {
  background: #fff;
  border-radius: 50%;
  top: -2px;
  position: relative
}

#outerdocbody .image-placeholder {
  display: none;
  width: 100%
}

#outerdocbody .image-placeholder .loading-image {
  display: block;
  margin: 70px auto
}

#outerdocbody .image-placeholder .error-msg {
  color: #A2A2A2;
  text-align: center
}

#innerdocbody, #sidebar .change {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#innerdocbody>.list-div, #sidebar .change>.list-div {
  padding-top: 10px;
  padding-bottom: 15px
}

#innerdocbody>.list-div+.list-div, #sidebar .change>.list-div+.list-div {
  padding-top: 0;
  margin-top: -15px
}

#innerdocbody div.text-indent, #sidebar .change div.text-indent {
  text-indent: 2em
}

#innerdocbody ul, #sidebar .change ul {
  padding-left: 2em
}

#innerdocbody ul ul, #sidebar .change ul ul {
  padding-left: 0 !important
}

#innerdocbody ul, #innerdocbody ol, #sidebar .change ul, #sidebar .change ol {
  outline: none
}

#innerdocbody ul.list-bullet1, #sidebar .change ul.list-bullet1 {
  padding-left: 2em
}

#innerdocbody ul.list-bullet2, #sidebar .change ul.list-bullet2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-bullet3, #sidebar .change ul.list-bullet3 {
  padding-left: 5em
}

#innerdocbody ul.list-bullet4, #sidebar .change ul.list-bullet4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-bullet5, #sidebar .change ul.list-bullet5 {
  padding-left: 8em
}

#innerdocbody ul.list-bullet6, #sidebar .change ul.list-bullet6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-bullet7, #sidebar .change ul.list-bullet7 {
  padding-left: 11em
}

#innerdocbody ul.list-bullet8, #sidebar .change ul.list-bullet8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-check1, #sidebar .change ul.list-check1 {
  padding-left: 2em
}

#innerdocbody ul.list-check2, #sidebar .change ul.list-check2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-check3, #sidebar .change ul.list-check3 {
  padding-left: 5em
}

#innerdocbody ul.list-check4, #sidebar .change ul.list-check4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-check5, #sidebar .change ul.list-check5 {
  padding-left: 8em
}

#innerdocbody ul.list-check6, #sidebar .change ul.list-check6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-check7, #sidebar .change ul.list-check7 {
  padding-left: 11em
}

#innerdocbody ul.list-check8, #sidebar .change ul.list-check8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-done1, #sidebar .change ul.list-done1 {
  padding-left: 2em
}

#innerdocbody ul.list-done2, #sidebar .change ul.list-done2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-done3, #sidebar .change ul.list-done3 {
  padding-left: 5em
}

#innerdocbody ul.list-done4, #sidebar .change ul.list-done4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-done5, #sidebar .change ul.list-done5 {
  padding-left: 8em
}

#innerdocbody ul.list-done6, #sidebar .change ul.list-done6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-done7, #sidebar .change ul.list-done7 {
  padding-left: 11em
}

#innerdocbody ul.list-done8, #sidebar .change ul.list-done8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-code1, #sidebar .change ul.list-code1 {
  padding-left: 2em
}

#innerdocbody ul.list-code2, #sidebar .change ul.list-code2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-code3, #sidebar .change ul.list-code3 {
  padding-left: 5em
}

#innerdocbody ul.list-code4, #sidebar .change ul.list-code4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-code5, #sidebar .change ul.list-code5 {
  padding-left: 8em
}

#innerdocbody ul.list-code6, #sidebar .change ul.list-code6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-code7, #sidebar .change ul.list-code7 {
  padding-left: 11em
}

#innerdocbody ul.list-code8, #sidebar .change ul.list-code8 {
  padding-left: 12.5em
}

#innerdocbody ul, #sidebar .change ul {
  list-style: disc
}

#innerdocbody ul.list-bullet1, #sidebar .change ul.list-bullet1 {
  list-style: disc
}

#innerdocbody ul.list-bullet2, #sidebar .change ul.list-bullet2 {
  list-style: circle
}

#innerdocbody ul.list-bullet3, #sidebar .change ul.list-bullet3 {
  list-style: square
}

#innerdocbody ul.list-bullet4, #sidebar .change ul.list-bullet4 {
  list-style: disc
}

#innerdocbody ul.list-bullet5, #sidebar .change ul.list-bullet5 {
  list-style: circle
}

#innerdocbody ul.list-bullet6, #sidebar .change ul.list-bullet6 {
  list-style: square
}

#innerdocbody ul.list-bullet7, #sidebar .change ul.list-bullet7 {
  list-style: disc
}

#innerdocbody ul.list-bullet8, #sidebar .change ul.list-bullet8 {
  list-style: circle
}

#innerdocbody ul.list-indent1, #sidebar .change ul.list-indent1 {
  padding-left: 2em
}

#innerdocbody ul.list-indent2, #sidebar .change ul.list-indent2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-indent3, #sidebar .change ul.list-indent3 {
  padding-left: 5em
}

#innerdocbody ul.list-indent4, #sidebar .change ul.list-indent4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-indent5, #sidebar .change ul.list-indent5 {
  padding-left: 8em
}

#innerdocbody ul.list-indent6, #sidebar .change ul.list-indent6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-indent7, #sidebar .change ul.list-indent7 {
  padding-left: 11em
}

#innerdocbody ul.list-indent8, #sidebar .change ul.list-indent8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-indent1, #sidebar .change ul.list-indent1 {
  list-style: none
}

#innerdocbody ul.list-indent2, #sidebar .change ul.list-indent2 {
  list-style: none
}

#innerdocbody ul.list-indent3, #sidebar .change ul.list-indent3 {
  list-style: none
}

#innerdocbody ul.list-indent4, #sidebar .change ul.list-indent4 {
  list-style: none
}

#innerdocbody ul.list-indent5, #sidebar .change ul.list-indent5 {
  list-style: none
}

#innerdocbody ul.list-indent6, #sidebar .change ul.list-indent6 {
  list-style: none
}

#innerdocbody ul.list-indent7, #sidebar .change ul.list-indent7 {
  list-style: none
}

#innerdocbody ul.list-indent8, #sidebar .change ul.list-indent8 {
  list-style: none
}

#innerdocbody ul.list-indent9, #sidebar .change ul.list-indent9 {
  list-style: none;
  margin-left: 0
}

#innerdocbody ol, #sidebar .change ol {
  list-style: decimal
}

#innerdocbody li, #sidebar .change li {
  list-style: inherit
}

#innerdocbody ol.list-number1, #sidebar .change ol.list-number1 {
  padding-left: 2em
}

#innerdocbody ol.list-number2, #sidebar .change ol.list-number2 {
  padding-left: 3.5em
}

#innerdocbody ol.list-number3, #sidebar .change ol.list-number3 {
  padding-left: 5em
}

#innerdocbody ol.list-number4, #sidebar .change ol.list-number4 {
  padding-left: 6.5em
}

#innerdocbody ol.list-number5, #sidebar .change ol.list-number5 {
  padding-left: 8em
}

#innerdocbody ol.list-number6, #sidebar .change ol.list-number6 {
  padding-left: 9.5em
}

#innerdocbody ol.list-number7, #sidebar .change ol.list-number7 {
  padding-left: 11em
}

#innerdocbody ol.list-number8, #sidebar .change ol.list-number8 {
  padding-left: 12.5em
}

#innerdocbody .list-number2, #innerdocbody .list-number5, #innerdocbody .list-number8, #sidebar .change .list-number2, #sidebar .change .list-number5, #sidebar .change .list-number8 {
  list-style-type: lower-latin
}

#innerdocbody .list-number3, #innerdocbody .list-number6, #sidebar .change .list-number3, #sidebar .change .list-number6 {
  list-style-type: lower-roman
}

#innerdocbody .list-number1, #innerdocbody .list-number4, #innerdocbody .list-number7, #sidebar .change .list-number1, #sidebar .change .list-number4, #sidebar .change .list-number7 {
  list-style-type: decimal
}

#innerdocbody .upload-image, #sidebar .change .upload-image {
  text-align: center
}

#innerdocbody .line-right li, #innerdocbody .line-center li, #sidebar .change .line-right li, #sidebar .change .line-center li {
  list-style-position: inside;
  margin-left: -2em
}

#innerdocbody .line-right ul[class^='list-check'] li, #innerdocbody .line-right ul[class^='list-done'] li, #innerdocbody .line-right ol[class^='list-code'] li, #innerdocbody .line-center ul[class^='list-check'] li, #innerdocbody .line-center ul[class^='list-done'] li, #innerdocbody .line-center ol[class^='list-code'] li, #sidebar .change .line-right ul[class^='list-check'] li, #sidebar .change .line-right ul[class^='list-done'] li, #sidebar .change .line-right ol[class^='list-code'] li, #sidebar .change .line-center ul[class^='list-check'] li, #sidebar .change .line-center ul[class^='list-done'] li, #sidebar .change .line-center ol[class^='list-code'] li {
  padding-left: 0
}

#innerdocbody .line-center, #sidebar .change .line-center {
  text-align: center
}

#innerdocbody .line-right, #sidebar .change .line-right {
  text-align: right
}

#innerdocbody .line-justify, #sidebar .change .line-justify {
  text-align: justify;
  white-space: normal
}

#innerdocbody .line-left .upload-image, #innerdocbody .line-center .upload-image, #innerdocbody .line-right .upload-image, #innerdocbody .line-justify .upload-image, #sidebar .change .line-left .upload-image, #sidebar .change .line-center .upload-image, #sidebar .change .line-right .upload-image, #sidebar .change .line-justify .upload-image {
  text-align: inherit
}

#innerdocbody inherit, #sidebar .change inherit {
  display: block
}

#innerdocbody .heading-1, #innerdocbody .heading-2, #innerdocbody .heading-3, #sidebar .change .heading-1, #sidebar .change .heading-2, #sidebar .change .heading-3 {
  line-height: 1.2;
  padding-bottom: 20px
}

#innerdocbody .heading-1+.heading-1, #innerdocbody .heading-1+.heading-2, #innerdocbody .heading-1+.heading-3, #innerdocbody .heading-2+.heading-1, #innerdocbody .heading-2+.heading-2, #innerdocbody .heading-2+.heading-3, #innerdocbody .heading-3+.heading-1, #innerdocbody .heading-3+.heading-2, #innerdocbody .heading-3+.heading-3, #sidebar .change .heading-1+.heading-1, #sidebar .change .heading-1+.heading-2, #sidebar .change .heading-1+.heading-3, #sidebar .change .heading-2+.heading-1, #sidebar .change .heading-2+.heading-2, #sidebar .change .heading-2+.heading-3, #sidebar .change .heading-3+.heading-1, #sidebar .change .heading-3+.heading-2, #sidebar .change .heading-3+.heading-3 {
  padding-top: 25px;
  margin-top: -20px
}

#innerdocbody .heading-1+.list-div, #innerdocbody .heading-2+.list-div, #innerdocbody .heading-3+.list-div, #sidebar .change .heading-1+.list-div, #sidebar .change .heading-2+.list-div, #sidebar .change .heading-3+.list-div {
  padding-top: 0
}

#innerdocbody .heading-1.list-div, #innerdocbody .heading-2.list-div, #innerdocbody .heading-3.list-div, #sidebar .change .heading-1.list-div, #sidebar .change .heading-2.list-div, #sidebar .change .heading-3.list-div {
  padding-top: 20px
}

#innerdocbody .heading-1:first-child, #innerdocbody .heading-2:first-child, #innerdocbody .heading-3:first-child, #sidebar .change .heading-1:first-child, #sidebar .change .heading-2:first-child, #sidebar .change .heading-3:first-child {
  padding-top: 10px
}

#innerdocbody .heading-3, #sidebar .change .heading-3 {
  font-size: 18pt;
  font-weight: bold;
  padding-top: 40px
}

#innerdocbody .heading-3 span, #innerdocbody .heading-3 font, #innerdocbody .heading-3 b, #innerdocbody .heading-3 i, #innerdocbody .heading-3 u, #innerdocbody .heading-3 s, #sidebar .change .heading-3 span, #sidebar .change .heading-3 font, #sidebar .change .heading-3 b, #sidebar .change .heading-3 i, #sidebar .change .heading-3 u, #sidebar .change .heading-3 s {
  font-size: 18pt !important;
  font-weight: bold
}

#innerdocbody .heading-3.font-size-1, #innerdocbody .heading-3.font-size-2, #innerdocbody .heading-3.font-size-3, #innerdocbody .heading-3.font-size-4, #innerdocbody .heading-3.font-size-5, #innerdocbody .heading-3.font-size-6, #innerdocbody .heading-3.font-size-7, #innerdocbody .heading-3.font-size-8, #innerdocbody .heading-3.font-size-9, #sidebar .change .heading-3.font-size-1, #sidebar .change .heading-3.font-size-2, #sidebar .change .heading-3.font-size-3, #sidebar .change .heading-3.font-size-4, #sidebar .change .heading-3.font-size-5, #sidebar .change .heading-3.font-size-6, #sidebar .change .heading-3.font-size-7, #sidebar .change .heading-3.font-size-8, #sidebar .change .heading-3.font-size-9 {
  font-size: 18pt !important
}

#innerdocbody .heading-2, #sidebar .change .heading-2 {
  font-size: 15pt;
  padding-top: 30px;
  font-weight: bold
}

#innerdocbody .heading-2 span, #innerdocbody .heading-2 font, #innerdocbody .heading-2 b, #innerdocbody .heading-2 i, #innerdocbody .heading-2 u, #innerdocbody .heading-2 s, #sidebar .change .heading-2 span, #sidebar .change .heading-2 font, #sidebar .change .heading-2 b, #sidebar .change .heading-2 i, #sidebar .change .heading-2 u, #sidebar .change .heading-2 s {
  font-size: 15pt !important;
  font-weight: bold
}

#innerdocbody .heading-2.font-size-1, #innerdocbody .heading-2.font-size-2, #innerdocbody .heading-2.font-size-3, #innerdocbody .heading-2.font-size-4, #innerdocbody .heading-2.font-size-5, #innerdocbody .heading-2.font-size-6, #innerdocbody .heading-2.font-size-7, #innerdocbody .heading-2.font-size-8, #innerdocbody .heading-2.font-size-9, #sidebar .change .heading-2.font-size-1, #sidebar .change .heading-2.font-size-2, #sidebar .change .heading-2.font-size-3, #sidebar .change .heading-2.font-size-4, #sidebar .change .heading-2.font-size-5, #sidebar .change .heading-2.font-size-6, #sidebar .change .heading-2.font-size-7, #sidebar .change .heading-2.font-size-8, #sidebar .change .heading-2.font-size-9 {
  font-size: 15pt !important
}

#innerdocbody .heading-1, #sidebar .change .heading-1 {
  font-size: 12pt;
  padding-top: 20px;
  font-weight: bold
}

#innerdocbody .heading-1 span, #innerdocbody .heading-1 font, #innerdocbody .heading-1 b, #innerdocbody .heading-1 i, #innerdocbody .heading-1 u, #innerdocbody .heading-1 s, #sidebar .change .heading-1 span, #sidebar .change .heading-1 font, #sidebar .change .heading-1 b, #sidebar .change .heading-1 i, #sidebar .change .heading-1 u, #sidebar .change .heading-1 s {
  font-size: 12pt !important;
  font-weight: bold
}

#innerdocbody .heading-1.font-size-1, #innerdocbody .heading-1.font-size-2, #innerdocbody .heading-1.font-size-3, #innerdocbody .heading-1.font-size-4, #innerdocbody .heading-1.font-size-5, #innerdocbody .heading-1.font-size-6, #innerdocbody .heading-1.font-size-7, #innerdocbody .heading-1.font-size-8, #innerdocbody .heading-1.font-size-9, #sidebar .change .heading-1.font-size-1, #sidebar .change .heading-1.font-size-2, #sidebar .change .heading-1.font-size-3, #sidebar .change .heading-1.font-size-4, #sidebar .change .heading-1.font-size-5, #sidebar .change .heading-1.font-size-6, #sidebar .change .heading-1.font-size-7, #sidebar .change .heading-1.font-size-8, #sidebar .change .heading-1.font-size-9 {
  font-size: 12pt !important
}

#innerdocbody .mention, #sidebar .change .mention {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-color: #ddd;
  border-radius: 5px;
  padding: 1px 3px
}

#innerdocbody .mention:before, #sidebar .change .mention:before {
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif
}

#innerdocbody .dragged-over.dragged-bottom, #sidebar .change .dragged-over.dragged-bottom {
  margin-bottom: -1px;
  border-bottom: 1px solid #ccc
}

#innerdocbody .dragged-over.dragged-top, #sidebar .change .dragged-over.dragged-top {
  margin-top: -1px;
  border-top: 1px solid #ccc
}

#innerdocbody .drag-ele, #sidebar .change .drag-ele {
  box-shadow: 0 2px 2px 2px #ccc
}

#innerdocbody .upload-image, #sidebar .change .upload-image {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent
}

#innerdocbody .upload-image img, #sidebar .change .upload-image img {
  max-width: 100%;
  cursor: default
}

#innerdocbody .upload-image div, #sidebar .change .upload-image div {
  display: none
}

#innerdocbody .remove-media, #sidebar .change .remove-media {
  cursor: pointer;
  display: none;
  vertical-align: top;
  position: absolute;
  font-size: 20px;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  top: -24px;
  right: -21px;
  color: #bebebe
}

#innerdocbody .remove-media:hover, #sidebar .change .remove-media:hover {
  color: #ee7b70
}

#innerdocbody .remove-media:before, #sidebar .change .remove-media:before {
  background: #fff;
  border-radius: 50%;
  top: -2px;
  position: relative
}

#innerdocbody .drag-and-drop-placeholder::after, #sidebar .change .drag-and-drop-placeholder::after {
  content: '拖拽文件直接上传';
  display: block;
  width: 302px;
  height: 54px;
  line-height: 54px;
  color: #333;
  text-align: center;
  font-size: 12px;
  border: 2px #e5e5e5 dashed;
  border-radius: 4px;
  margin: 5px auto
}

#innerdocbody .image-placeholder, #innerdocbody .attachment-placeholder, #sidebar .change .image-placeholder, #sidebar .change .attachment-placeholder {
  display: none;
  width: 100%;
  position: relative;
  height: 122px;
  line-height: 122px
}

#innerdocbody .image-loading-error, #innerdocbody .upload-loading-block, #sidebar .change .image-loading-error, #sidebar .change .upload-loading-block {
  display: block;
  height: 40px;
  text-align: center
}

#innerdocbody .upload-remove-media, #sidebar .change .upload-remove-media {
  display: block;
  position: absolute;
  top: 7px;
  right: 155px;
  cursor: pointer;
  height: 0
}

#innerdocbody .upload-loading-info::before, #sidebar .change .upload-loading-info::before {
  content: '等待上传...'
}

#innerdocbody .upload-loading-info, #innerdocbody .image-error-msg, #sidebar .change .upload-loading-info, #sidebar .change .image-error-msg {
  color: #333;
  text-align: center;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px
}

#innerdocbody .upload-progress-groove, #sidebar .change .upload-progress-groove {
  width: 280px;
  border-radius: 5px;
  background: #ebebeb;
  height: 10px;
  display: inline-block;
  margin-top: 62px;
  text-align: center;
  margin-left: -13px
}

#innerdocbody .upload-progress-bar, #sidebar .change .upload-progress-bar {
  height: 100%;
  width: 0;
  float: left;
  background: #707070;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

#innerdocbody .upload-attachment, #sidebar .change .upload-attachment {
  display: inline-block
}

#innerdocbody .attachment-wrapper, #sidebar .change .attachment-wrapper {
  display: inline-block;
  width: 304px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  border-radius: 4px;
  margin: 5px 0;
  -webkit-user-drag: element
}

#innerdocbody .attachment-wrapper.selected, #sidebar .change .attachment-wrapper.selected {
  border: 1px solid #bababa;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

#innerdocbody .attachment-title-icon, #sidebar .change .attachment-title-icon {
  width: 30px;
  margin: 0 12px;
  font-size: 24px;
  text-align: center;
  float: left
}

#innerdocbody .attachment-title-icon:hover, #sidebar .change .attachment-title-icon:hover {
  color: #888
}

#innerdocbody .attachment-download-link, #sidebar .change .attachment-download-link {
  display: none;
  float: right;
  width: 42px;
  margin-right: 18px;
  font-size: 20px;
  text-align: right;
  color: #888
}

#innerdocbody .attachment-download-link:hover, #sidebar .change .attachment-download-link:hover {
  color: #888
}

#innerdocbody .attachment-download-link:before, #sidebar .change .attachment-download-link:before {
  cursor: pointer
}

#innerdocbody .attachment-file-info, #sidebar .change .attachment-file-info {
  width: 188px;
  height: 44px;
  margin-top: 6px;
  float: left;
  text-align: left
}

#innerdocbody .attachment-file-name, #innerdocbody .attachment-file-size, #sidebar .change .attachment-file-name, #sidebar .change .attachment-file-size {
  display: block;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

#innerdocbody .attachment-file-name::after, #innerdocbody .attachment-file-size::after, #sidebar .change .attachment-file-name::after, #sidebar .change .attachment-file-size::after {
  content: attr(data-content);
  font-size: 12px;
  font-weight: normal;
  font-style: normal
}

#innerdocbody {
  padding: 11px 0 90px 0;
  overflow: hidden;
  font-size: 11pt;
  line-height: 1.7;
  color: #333
}

#innerdocbody ::selection {
  background: #D8EBFF
}

#innerdocbody ::-moz-selection {
  background: #D8EBFF
}

#innerdocbody li {
  list-style: inherit
}

#innerdocbody>div {
  word-wrap: break-word;
  outline: none;
  padding: 0 100px
}

#innerdocbody>div>div iframe {
  opacity: 0
}

#innerdocbody>div br {
  margin-top: 14px
}

#innerdocbody>div>br:first-child, #innerdocbody>div *>br:first-child {
  margin-top: 0
}

#innerdocbody .iframe-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#innerdocbody .table-div {
  margin-bottom: -12px
}

#innerdocbody .shadow-table {
  opacity: 0;
  height: 1px;
  display: block;
  overflow: hidden
}

#innerdocbody .doc-table {
  border-spacing: 0
}

#innerdocbody .doc-table tr:first-child td {
  border-top: 1px solid
}

#innerdocbody .doc-table td {
  border-color: #ccc;
  border-right: 1px solid;
  border-bottom: 1px solid;
  min-width: 50px;
  height: 22px;
  line-height: 16px;
  padding: 0 4px 0 4px
}

#innerdocbody .doc-table td:first-child {
  border-left: 1px solid
}

#innerdocbody .line-bold {
  font-weight: bold
}

#innerdocbody .line-italic {
  font-style: italic
}

#innerdocbody .line-underline span {
  text-decoration: underline
}

#innerdocbody .line-strikethrough span {
  text-decoration: line-through
}

#innerdocbody .line-underline.line-strikethrough span {
  text-decoration: underline line-through
}

#innerdocbody .line-underline.line-strikethrough .ununderline {
  text-decoration: line-through
}

#innerdocbody .line-underline.line-strikethrough .unstrikethrough {
  text-decoration: underline
}

#innerdocbody .line-underline.line-strikethrough .ununderline.unstrikethrough {
  text-decoration: none
}

#innerdocbody .unbold, #innerdocbody unbold {
  font-weight: normal
}

#innerdocbody .unitalic, #innerdocbody unitalic {
  font-style: normal
}

#innerdocbody span.ununderline, #innerdocbody ununderline, #innerdocbody span.unstrikethrough, #innerdocbody unstrikethrough {
  text-decoration: none
}

#innerdocbody .font-color-1 {
  color: #ee837d
}

#innerdocbody .font-color-2 {
  color: #ffd900
}

#innerdocbody .font-color-3 {
  color: #a3e043
}

#innerdocbody .font-color-4 {
  color: #4da8ee
}

#innerdocbody .font-color-5 {
  color: #aa17d0
}

#innerdocbody .font-color-6 {
  color: #949494
}

#innerdocbody .font-color-7 {
  color: #d51228
}

#innerdocbody .font-color-8 {
  color: #cf770b
}

#innerdocbody .font-color-9 {
  color: #557b5c
}

#innerdocbody .font-color-10 {
  color: #01a3b0
}

#innerdocbody .font-color-11 {
  color: #530e6f
}

#innerdocbody .font-color-12 {
  color: #2b2b2b
}

#innerdocbody .font-color-13 {
  color: #ffffff
}

#innerdocbody .font-color-14 {
  color: #0d0015
}

#innerdocbody .font-color-15 {
  color: #fe2c23
}

#innerdocbody .font-color-16 {
  color: #ff9900
}

#innerdocbody .font-color-17 {
  color: #37d9f0
}

#innerdocbody .font-color-18 {
  color: #f3f3f1
}

#innerdocbody .font-color-19 {
  color: #fcdbd6
}

#innerdocbody .font-color-20 {
  color: #fde9d0
}

#innerdocbody .font-color-21 {
  color: #fff0cf
}

#innerdocbody .font-color-22 {
  color: #d4e9d6
}

#innerdocbody .font-color-23 {
  color: #def3f3
}

#innerdocbody .font-color-24 {
  color: #cee0ef
}

#innerdocbody .font-color-25 {
  color: #dfdbec
}

#innerdocbody .font-color-26 {
  color: #dcdedd
}

#innerdocbody .font-color-27 {
  color: #595856
}

#innerdocbody .font-color-28 {
  color: #f8c387
}

#innerdocbody .font-color-29 {
  color: #e6b322
}

#innerdocbody .font-color-30 {
  color: #9abd9d
}

#innerdocbody .font-color-31 {
  color: #83ccd2
}

#innerdocbody .font-color-32 {
  color: #89b0ce
}

#innerdocbody .font-color-33 {
  color: #9389b1
}

#innerdocbody .font-color-34 {
  color: #c1c6ca
}

#innerdocbody .font-color-35 {
  color: #41464b
}

#innerdocbody .font-color-36 {
  color: #8d634a
}

#innerdocbody .font-color-37 {
  color: #194e77
}

#innerdocbody .font-color-38 {
  color: #3776a6
}

#innerdocbody .font-color-39 {
  color: #765c83
}

#innerdocbody .font-color-40 {
  color: #adadad
}

#innerdocbody .font-color-41 {
  color: #a91913
}

#innerdocbody .font-color-42 {
  color: #884702
}

#innerdocbody .font-color-43 {
  color: #563725
}

#innerdocbody .font-color-44 {
  color: #00552e
}

#innerdocbody .font-color-45 {
  color: #00767a
}

#innerdocbody .font-size-1 {
  font-size: 9pt
}

#innerdocbody .font-size-2 {
  font-size: 10pt
}

#innerdocbody .font-size-3 {
  font-size: 11pt
}

#innerdocbody .font-size-4 {
  font-size: 12pt
}

#innerdocbody .font-size-5 {
  font-size: 14pt
}

#innerdocbody .font-size-6 {
  font-size: 18pt
}

#innerdocbody .font-size-7 {
  font-size: 24pt
}

#innerdocbody .font-size-8 {
  font-size: 30pt
}

#innerdocbody .font-size-9 {
  font-size: 36pt
}

#innerdocbody font[size="1"] {
  font-size: 9pt
}

#innerdocbody font[size="2"] {
  font-size: 10pt
}

#innerdocbody font[size="3"] {
  font-size: 11pt
}

#innerdocbody font[size="4"] {
  font-size: 12pt
}

#innerdocbody font[size="5"] {
  font-size: 14pt
}

#innerdocbody font[size="6"] {
  font-size: 18pt
}

#innerdocbody font[size="7"] {
  font-size: 24pt
}

#innerdocbody font[size="8"] {
  font-size: 30pt
}

#innerdocbody font[size="9"] {
  font-size: 36pt
}

#innerdocbody .is-commented.active {
  background: rgba(245, 213, 122, 0.7)
}

#innerdocbody .hrline-div {
  height: 1em
}

#innerdocbody .horizontal-line {
  height: 0;
  display: block;
  margin-top: 1em;
  margin-left: -2px;
  margin-bottom: 1em
}

#innerdocbody .horizontal-line hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #999;
  border-left: none;
  border-right: none;
  border-bottom: none
}

.edit-mode .authorColors>div:before {
  display: block
}

.authorColors>div {
  border-left: 3px solid transparent
}

.authorColors>div.fadeUserline:before {
  opacity: 0.6
}

.authorColors>div:before {
  display: none;
  content: attr(data-author-name);
  font-size: 12px;
  position: absolute;
  left: -130px;
  width: 120px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  line-height: 16px;
  margin-top: 5px;
  font-weight: normal;
  font-style: normal
}

.edit-mode .authorColors>div[data-author-name] {
  border-left-color: #41464b
}

.edit-mode .authorColors>div[data-author-name].fadeUserline {
  border-left-color: rgba(65, 70, 75, 0.6)
}

.edit-mode .authorColors>div[data-author-name]:before {
  color: #41464b
}

#tooltip {
  display: none;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 11px;
  background-color: #3b3a3c;
  box-shadow: 0 2px 3px #ccc;
  color: #fff;
  position: absolute;
  border: 0;
  border-radius: 2px;
  letter-spacing: 1px;
  max-width: 300px;
  z-index: 99
}

@media screen and (max-width: 1280px) {
  .history-show.edit-mode .authorColors>div:before {
    left: -70px;
    width: 60px
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .history-show.edit-mode .authorColors>div:before {
    left: -45px;
    width: 40px
  }
}

@media screen and (max-width: 1024px) {
  .history-show.edit-mode .authorColors>div:before {
    left: -20px;
    width: 15px
  }
}

#mention-width {
  visibility: hidden
}

#track-avatars {
  position: absolute;
  left: 4px;
  top: 0px
}

#track-avatars .track-avatar {
  position: absolute;
  left: 34px !important;
  width: 30px;
  height: 30px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1);
  -moz-transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1);
  transition: all 0.3s cubic-bezier(0.31, 0.44, 0.445, 1.1)
}

#track-avatars .track-avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff
}

#track-avatars .overlap img {
  border-color: #B1BDAE;
  background-color: #ECF1EA
}

.sidedivhidden {
  display: none
}

#focus-target {
  outline: 0;
  border: none;
  background: transparent;
  width: 1px;
  height: 1px;
  position: fixed;
  left: -100px
}

.doc-title-box {
  margin: 0 100px;
  width: auto;
  font-size: 22.5pt;
  height: 60px;
  padding-top: 90px;
  border-bottom: 1px solid #e8ecf1
}

.doc-title-box input {
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: bold
}

#drag-li {
  display: none;
  position: absolute;
  outline: none;
  cursor: pointer !important;
  left: 38px;
  border: 1px dashed #ffd600;
  background: #fffde7;
  color: #6093bb !important;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.9
}

#drag-li li:before {
  margin-top: 0 !important;
  color: #6093bb
}

#drag-li.active {
  visibility: visible
}

#drag-li .check-dragover {
  display: none
}

#drag-li .blur {
  position: absolute;
  left: -10px;
  top: -10px;
  height: 1px;
  width: 1px;
  outline: none;
  background: #fff;
  color: #fff;
  border: none
}

.check-dragover {
  position: relative;
  padding-bottom: 26px
}

.check-dragover:before {
  content: ' ';
  height: 26px;
  transition: all 2s cubic-bezier(0.31, 0.44, 0.445, 1);
  background: #e5f6f9;
  width: calc(100% + 76px);
  margin-left: -38px;
  position: absolute;
  bottom: 0;
  display: none
}

a.link-tag {
  color: #19b9f2
}

ol[class^='list-number'] li:before {
  margin-left: 4px
}

.list-code {
  padding-top: 5px;
  padding-bottom: 15px
}

.list-code ol[class^='list-code'] {
  list-style-type: none !important;
  font-family: "Source Code Pro", monospace !important;
  color: #41464b !important;
  font-size: 11pt !important;
  line-height: 1.8 !important;
  white-space: pre-wrap !important;
  word-break: break-all !important;
  margin-left: 0 !important;
  text-align: left !important;
  padding: 2px 8px 1px;
  background-color: #f0f0f0;
  border: 1px solid rgba(208, 212, 217, 0.5)
}

.list-code ol[class^='list-code'] font {
  color: #47525d !important
}

.list-code ol[class^='list-code']::before {
  content: attr(start);
  font-size: 12px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  width: 30px;
  max-width: 30px;
  font-weight: 400;
  background-color: transparent;
  line-height: 8px;
  margin-left: -45px;
  margin-top: 9px;
  color: #d0d4d9
}

.list-code+.list-code ol[class^='list-code'] {
  border-top: none;
  margin-top: -21px
}

ul[class^='list-check'], ul[class^='list-done'] {
  list-style: none !important
}

ul[class^='list-check'] li, ul[class^='list-done'] li {
  margin-left: -1.5em
}

ul[class^='list-check'] li span, ul[class^='list-done'] li span {
  cursor: auto
}

ul[class^='list-check']>li:before, ul[class^='list-done']>li:before {
  cursor: pointer;
  font-family: "chuxintech" !important;
  font-style: normal;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: "\f201";
  margin-right: 0.5em
}

ul.list-indent9 {
  list-style: none;
  margin-left: 0
}

ul[class^='list-done'] {
  opacity: 0.5
}

ul[class^='list-done'] li:before {
  content: "\f202";
  color: inherit
}

ul[class^='list-done'] li {
  text-decoration: line-through
}

.doc-check-icon {
  color: #666;
  font-size: 14px
}

.doc-link-icon {
  color: #666;
  font-size: 14px
}

.doc-code-icon {
  font-size: 14px;
  margin-top: 1px;
  display: inline-block;
  margin-left: 2px
}

.doc-code-icon:before {
  content:'{ }';
  color: #666
}

.link-box {
  display: none;
  font-size: 12px;
  top: 150px;
  left: 100px;
  width: 322px;
  position: absolute;
  line-height: 24px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9;
  color: #333;
  transition: margin-left 100ms ease-in;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)
}

.link-inner {
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 10px 0
}

.link-trangle-item {
  left: 50%;
  margin-left: -4px;
  border-width: 8px !important
}

.link-trangle-item.top {
  border-bottom-color: #ddd !important
}

.link-trangle-item.down {
  border-bottom-color: #f9f9f9 !important
}

.link-item-text {
  float: left;
  padding: 4px 16px;
  height: 16px;
  line-height: 16px
}

.link-cancel {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  cursor: pointer;
  padding: 16px;
  line-height: 1
}

.link-cancel:hover {
  color: #d9534f
}

.link-input {
  border: none;
  width: 217px;
  height: 16px;
  line-height: 16px;
  padding: 4px 10px 4px 0;
  font-size: 12px;
  box-shadow: none;
  background: inherit
}

.link-input:-moz-placeholder {
  color: #bebebe
}

.link-input::-moz-placeholder {
  color: #bebebe;
  opacity: 1
}

.link-input:-ms-input-placeholder {
  color: #bebebe
}

.link-input::-webkit-input-placeholder {
  color: #bebebe
}

.link-placeholder {
  background: #ebebeb
}

.icon-add:before {
  content: "\f302"
}

.icon-admin:before {
  content: "\f303"
}

.icon-align-center:before {
  content: "\f304"
}

.icon-align-justify:before {
  content: "\f305"
}

.icon-align-left:before {
  content: "\f306"
}

.icon-align-right:before {
  content: "\f307"
}

.icon-arrow-back:before {
  content: "\f308"
}

.icon-arrow-front:before {
  content: "\f309"
}

.icon-at:before {
  content: "\f30a"
}

.icon-attachment:before {
  content: "\f30b"
}

.icon-avatar:before {
  content: "\f30c"
}

.icon-blocked-out:before {
  content: "\f30d"
}

.icon-bold:before {
  content: "\f30e"
}

.icon-breadcrumb:before {
  content: "\f30f"
}

.icon-cancel-share:before {
  content: "\f310"
}

.icon-change-password:before {
  content: "\f311"
}

.icon-check:before {
  content: "\f201"
}

.icon-check-list:before {
  content: "\f202"
}

.icon-close:before {
  content: "\f312"
}

.icon-comment:before {
  content: "\f313"
}

.icon-comment-add:before {
  content: "\f314"
}

.icon-config:before {
  content: "\f315"
}

.icon-contact-user:before {
  content: "\f316"
}

.icon-delete:before {
  content: "\f317"
}

.icon-desktop:before {
  content: "\f318"
}

.icon-doc:before {
  content: "\f319"
}

.icon-down:before {
  content: "\f31a"
}

.icon-drop-down:before {
  content: "\f31b"
}

.icon-drop-left:before {
  content: "\f31c"
}

.icon-drop-right:before {
  content: "\f31d"
}

.icon-drop-up:before {
  content: "\f31e"
}

.icon-email:before {
  content: "\f31f"
}

.icon-export:before {
  content: "\f320"
}

.icon-folder:before {
  content: "\f321"
}

.icon-folder-user:before {
  content: "\f322"
}

.icon-font-color:before {
  content: "\f323"
}

.icon-font-type:before {
  content: "\f324"
}

.icon-go-ahead:before {
  content: "\f325"
}

.icon-higher-level:before {
  content: "\f326"
}

.icon-home:before {
  content: "\f327"
}

.icon-img:before {
  content: "\f328"
}

.icon-indent:before {
  content: "\f329"
}

.icon-italic:before {
  content: "\f32a"
}

.icon-link:before {
  content: "\f32b"
}

.icon-link-download:before {
  content: "\f32c"
}

.icon-loading:before {
  content: "\f32d"
}

.icon-logo:before {
  content: "\f32e"
}

.icon-logo1:before {
  content: "\f32f"
}

.icon-message:before {
  content: "\f330"
}

.icon-ol-list:before {
  content: "\f331"
}

.icon-open-webpage:before {
  content: "\f332"
}

.icon-other-tools:before {
  content: "\f333"
}

.icon-outdent:before {
  content: "\f334"
}

.icon-recover:before {
  content: "\f336"
}

.icon-refurbish:before {
  content: "\f337"
}

.icon-remind:before {
  content: "\f338"
}

.icon-remove-link:before {
  content: "\f339"
}

.icon-remove-media:before {
  content: "\f33a"
}

.icon-reply:before {
  content: "\f33b"
}

.icon-retreat:before {
  content: "\f33c"
}

.icon-return:before {
  content: "\f33d"
}

.icon-search:before {
  content: "\f33e"
}

.icon-select:before {
  content: "\f33f"
}

.icon-sure:before {
  content: "\f340"
}

.icon-table:before {
  content: "\f341"
}

.icon-trash-delete:before {
  content: "\f342"
}

.icon-ul-list:before {
  content: "\f343"
}

.icon-underline:before {
  content: "\f344"
}

.icon-user:before {
  content: "\f345"
}

.icon-wait-confirm:before {
  content: "\f346"
}

.icon-wechat:before {
  content: "\f347"
}

.noti-crumb {
  margin: 0;
  margin-top: 32px;
  margin-bottom: 10px
}

.noti-crumb .home-link {
  margin-left: -5px
}

.noti-scroll-view {
  height: calc(100% - 52px);
  overflow-y: auto;
  overflow-x: visible
}

.noti-outer-container {
  width: 816px;
  margin: 0 auto
}

.noti-container {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
  width: 100%;
  margin-bottom: 30px;
  min-height: 500px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc;
  padding: 50px 0;
  box-sizing: border-box;
  position: relative
}

.noti-container .pageloading {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  z-index: 2000;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5)
}

.noti-message-null {
  text-align: center;
  font-size: 30px;
  color: #ccc;
  line-height: 180px;
  display: none
}

.noti-message-null.active {
  display: block
}

.noti-bell {
  background: url(https://assets-cdn.shimo.im/assets/images/bell-fa76f3d9da.png);
  background-size: 30px 30px;
  position: relative;
  top: 4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px
}

.noti-ul .m-li {
  padding: 15px 100px
}

.noti-ul .m-li.unread .m-title {
  font-weight: bold;
  color: #000
}

.noti-ul .m-content-box {
  width: calc(100% - 30px)
}

.noti-ul .m-span-inner {
  color: #999
}

.noti-ul .m-time {
  right: 100px
}

.noti-config {
  font-size: 14px;
  position: relative;
  padding: 0 84px;
  margin-bottom: 30px
}

.noti-config-title {
  height: 12px;
  line-height: 12px;
  font-weight: bold;
  position: relative;
  padding-left: 27px;
  font-size: 12px;
  color: #333
}

.noti-config-title .hicon {
  left: 0;
  top: 0;
  position: absolute;
  margin-right: 10px;
  font-weight: normal;
  vertical-align: top
}

.noti-config-title .icon-desktop {
  top: 1px
}

.noti-config-info {
  color: #ababab;
  margin-top: 15px;
  height: 12px;
  font-size: 12px;
  line-height: 22px;
  padding-left: 27px
}

.noti-config-switch {
  position: absolute;
  right: 100px;
  top: -5px
}

.list-body {
  overflow: auto;
  max-height: calc(100% - 51px);
  font-size: 14px
}

.list-body .crumb-list {
  width: 816px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 10px
}

.list-body .crumb-list .home-link {
  margin-left: -5px
}

.profile-container {
  margin: 0 auto;
  padding: 130px 0px 135px 150px;
  width: 816px;
  height: 543px;
  margin-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc;
  box-sizing: border-box;
  transition: opacity 0.2s ease-in
}

.profile-container .profile-left {
  float: left;
  width: 58px;
  padding: 40px 44px 0px 14px;
  border-right: 1px solid #e8ecf1
}

.profile-container .profile-left .profile-tabs {
  margin-top: 38px
}

.profile-container .profile-left .profile-tab {
  height: 12px;
  line-height: 12px;
  margin-bottom: 20px;
  cursor: pointer;
  color: #808080
}

.profile-container .profile-left .profile-tab.active {
  color: #333;
  position: relative;
  font-weight: bold
}

.profile-container .profile-left .profile-tab.active::before {
  content: '●';
  display: block;
  position: absolute;
  font-size: 12px;
  color: #333;
  left: -14px;
  top: 0
}

.profile-container .profile-right {
  padding-left: 116px
}

.profile-container .profile-right .profile-view {
  display: none
}

.profile-container .profile-right .profile-view.active {
  display: block
}

.profile-container .profile-right .profile-view.profile-account {
  padding-left: 76px
}

.profile-container .profile-right .profile-view.profile-payment {
  padding-left: 12px;
  padding-right: 48px
}

.profile-container .profile-right .profile-view.profile-payment .payment-header {
  height: 35px;
  line-height: 35px;
  background-color: #f3f3f3;
  font-size: 0;
  font-weight: bold;
  color: #808080
}

.profile-container .profile-right .profile-view.profile-payment .payment-list {
  position: relative;
  overflow-y: scroll;
  height: 196px
}

.profile-container .profile-right .profile-view.profile-payment .payment-item {
  font-size: 0;
  margin-top: 15px;
  height: 32px;
  line-height: 32px;
  color: #808080
}

.profile-container .profile-right .profile-view.profile-payment .payment-item:nth-child(even) {
  background-color: #fafafa
}

.profile-container .profile-right .profile-view.profile-payment .payment-first, .profile-container .profile-right .profile-view.profile-payment .payment-second, .profile-container .profile-right .profile-view.profile-payment .payment-third, .profile-container .profile-right .profile-view.profile-payment .payment-fourth {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  margin-left: 35px
}

.profile-container .profile-right .profile-view.profile-payment .payment-first {
  width: 134px;
  margin-left: 12px;
  margin-right: 0
}

.profile-container .profile-right .profile-view.profile-payment .payment-second {
  width: 61px
}

.profile-container .profile-right .profile-view.profile-payment .payment-third {
  width: 90px
}

.profile-container .profile-right .profile-view.profile-payment .payment-fourth {
  width: 48px
}

.profile-container .profile-right .profile-view.profile-payment .payment-no-order {
  position: absolute;
  top: 95px;
  left: 206px;
  font-size: 12px;
  color: #808080
}

.profile-container .profile-right .profile-view.profile-notification {
  padding-top: 50px
}

.profile-container .info-item {
  margin-top: 24px;
  line-height: 22px;
  font-size: 0
}

.profile-container .info-item:first-child {
  margin-top: 0
}

.profile-container .info-item span {
  font-size: 14px
}

.profile-container .info-item a {
  color: #6093bb;
  margin-left: 15px;
  outline: none;
  font-size: 14px
}

.profile-container .info-item .edit-password, .profile-container .info-item .set-email {
  margin-left: 0
}

.profile-container .info-item .email-status, .profile-container .info-item .bind-status, .profile-container .info-item .send-email {
  color: #bebebe
}

.profile-container .info-item .send-email.active {
  color: #6093bb
}

.profile-container .info-item .bind-info, .profile-container .info-item .unbind-info {
  display: none
}

.profile-container .info-item.on .bind-info {
  display: inline
}

.profile-container .info-item.off .unbind-info {
  display: inline
}

.profile-container .info-item .item-content {
  display: inline-block;
  max-width: 450px
}

.profile-container .img-info {
  margin-top: 0;
  text-align: center;
  position: relative;
  height: 58px
}

.profile-container .img-info .uploading {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  border-radius: 50%;
  display: none
}

.profile-container .img-info .uploading .personal-upload-gif {
  width: 24px;
  height: 24px;
  margin: 28px
}

.profile-container .img-info .is-uploading .uploading {
  display: block
}

.profile-container .img-info .img-upload, .profile-container .img-info .ajax-file-upload {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute
}

.profile-container .img-info .img-upload:hover .img-mask, .profile-container .img-info .ajax-file-upload:hover .img-mask {
  opacity: 1
}

.profile-container .img-info .img-upload.is-uploading:hover .img-mask, .profile-container .img-info .ajax-file-upload.is-uploading:hover .img-mask {
  opacity: 0
}

.profile-container .img-info form input, .profile-container .img-info .img-mask {
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
  cursor: pointer
}

.profile-container .img-info .img-mask {
  line-height: 58px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2)
}

.profile-container .img-info .img-mask:hover {
  opacity: 1
}

.profile-container .user-name-input {
  box-sizing: border-box;
  padding: 4px 8px;
  height: 30px;
  line-height: 20px;
  width: 160px;
  outline: none;
  font-size: 14px;
  margin-left: -8px
}

.profile-container .personal-img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.profile-container .item-name {
  margin: 0 30px 0 0px;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  text-align: right
}

.profile-container .item-name.info-name {
  line-height: 30px
}

.profile-container .item-name .hicon {
  margin-right: 10px;
  top: 0;
  color: #888
}

.profile-container .item-name .icon-wechat {
  margin-right: 9px;
  font-size: 15px
}

.profile-edit {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default;
  display: none;
  font-size: 14px
}

.profile-edit .edit-box {
  position: fixed;
  width: 380px;
  top: 30%;
  left: 50%;
  margin-left: -190px;
  background: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2)
}

.profile-edit .edit-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 14px;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8)
}

.profile-edit .edit-header .icon-close {
  float: right;
  margin-right: 40px;
  margin-top: -2px;
  cursor: pointer
}

.profile-edit .edit-content {
  padding-top: 26px;
  padding-bottom: 14px
}

.profile-edit .edit-content .error-msg {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  width: 340px;
  margin: 0 auto;
  visibility: hidden
}

.profile-edit .edit-content .error-msg.active {
  visibility: visible
}

.profile-edit .edit-item {
  display: none;
  position: relative
}

.profile-edit .edit-item input {
  width: 340px;
  padding: 7px;
  height: 33px;
  line-height: 20px;
  background: #f5f5f5;
  outline: none;
  box-sizing: border-box;
  display: block;
  margin: 4px 20px;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.profile-edit .edit-item input:-moz-placeholder {
  color: #898989
}

.profile-edit .edit-item input::-moz-placeholder {
  color: #898989;
  opacity: 1
}

.profile-edit .edit-item input:-ms-input-placeholder {
  color: #898989
}

.profile-edit .edit-item input::-webkit-input-placeholder {
  color: #898989
}

.profile-edit .edit-item .to-find-password {
  padding: 9px;
  width: 16px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 26px;
  top: 0px;
  font-size: 15px;
  color: #9e9d9e;
  cursor: pointer
}

.profile-edit .edit-item .to-find-password .img-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/account_back_sprite-9c443a59be.png") no-repeat;
  background-size: 287px 272.5px;
  background-position: 0px -123px;
  display: inline-block;
  width: 100%;
  height: 100%
}

.profile-edit .edit-item.reset-part input {
  background: none;
  color: #898989;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0
}

.profile-edit .edit-item .edit-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.profile-edit .edit-operation {
  font-size: 12px;
  margin: 0 20px 20px 0;
  height: 30px
}

.profile-edit .edit-operation .btn {
  float: right;
  width: 80px
}

.profile-edit .edit-operation .edit-submit {
  margin-right: 8px
}

.profile-edit .wechat-content {
  display: none;
  margin: 50px 0;
  line-height: 1
}

.profile-edit .wechat-content img {
  width: 80px;
  height: 80px;
  margin: 0 20px 0 50px
}

.profile-edit .wechat-content img, .profile-edit .wechat-content p {
  display: inline-block;
  vertical-align: top
}

.profile-edit.edit-email .email-part, .profile-edit.set-email .email-part {
  display: block
}

.profile-edit.edit-password .password-part {
  display: block
}

.profile-edit.edit-reset .reset-part {
  display: block
}

.profile-edit.transfer-balance .balance-part {
  display: block;
  padding: 0 20px
}

.profile-edit.bind-wechat .wechat-content {
  display: block
}

.profile-edit.bind-wechat .edit-content, .profile-edit.bind-wechat .edit-operation {
  display: none
}

#confirm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000;
  display: none
}

#confirm .dialog {
  top: 30%;
  position: absolute;
  left: 50%;
  margin-left: -210px;
  width: 420px;
  font-size: 14px;
  background-color: #FFF;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3)
}

#confirm .dialog .dialog-head {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 10px;
  text-indent: 0;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 16px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  border-bottom: transparent
}

#confirm .dialog .dialog-body {
  padding: 20px 40px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto
}

#confirm .dialog .dialog-body span.blue {
  color: #41464b;
  padding-left: 5px;
  padding-right: 5px
}

#confirm .dialog .dialog-foot {
  text-align: right;
  padding: 10px 40px 30px 40px;
  font-size: 0;
  white-space: nowrap
}

#confirm .dialog .dialog-foot .btn {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  margin-left: 8px;
  float: none
}

#confirm .dialog .dialog-foot .btn-cancel {
  margin-left: 8px
}

#confirm .confirm-close {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 30px;
  cursor: pointer
}

#confirm .confirm-close:active {
  color: #333
}

#confirm .confirm-checkbox {
  margin-top: 20px;
  cursor: pointer
}

#confirm .confirm-checkbox::before {
  cursor: pointer;
  font-family: "chuxintech" !important;
  font-style: normal;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: "\f201";
  margin-right: 0.5em
}

#confirm .confirm-checkbox.active::before {
  content: "\f202"
}

.confirm-wrap .external-link {
  width: 540px
}

.fixed-box {
  position: fixed;
  background-color: #fbfbfb;
  width: 24px;
  height: 100px;
  bottom: 48px;
  left: -30px;
  z-index: 122;
  right: auto;
  outline: transparent;
  border: 1px solid #eee;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.fixed-box.active {
  left: 0;
  -webkit-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -ms-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -o-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px
}

.fixed-button {
  cursor: pointer;
  padding: 9px 0;
  margin: 0 6px;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px !important;
  line-height: 16px;
  color: #666
}

.fixed-button:hover {
  color: #333
}

.fixed-button:active {
  color: #333;
  font-weight: bold
}

.meiqia-feedback {
  position: fixed;
  background-color: #fbfbfb;
  width: 24px;
  height: 50px;
  bottom: 98px;
  left: -30px;
  z-index: 100;
  right: auto;
  outline: transparent;
  border: 1px solid #eee;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

.meiqia-feedback.active {
  left: 0;
  -webkit-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -ms-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  -o-box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  box-shadow: 0px 1px 4px rgba(102, 102, 102, 0.2);
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px
}

.meiqia-custom-show {
  position: absolute;
  width: 24px;
  height: 50px;
  display: inherit;
  cursor: pointer
}

.meiqia-btn-show {
  padding-top: 9px;
  padding-left: 6px;
  padding-bottom: 9px;
  font-size: 12px !important;
  line-height: 16px;
  color: #666
}

.meiqia-btn-show:hover {
  color: #333
}

.meiqia-btn-show:active {
  color: #333;
  font-weight: bold
}

.meiqia-custom-box-status {
  padding-left: 6px;
  font-size: 14px;
  color: #bcc3cd;
  height: 16px;
  position: relative;
  top: -2px
}

.meiqia-iframe-hidebtn {
  width: 0;
  height: 0;
  top: 4px;
  right: 6px;
  border: solid 15px;
  position: absolute;
  cursor: pointer;
  opacity: 0
}

#MEIQIA-PANEL-HOLDER {
  left: -340px !important;
  -webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out
}

#MEIQIA-PANEL-HOLDER.active {
  left: 10px !important
}

.meiqia-msg-count {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #41464b;
  border-radius: 10px;
  color: #fff;
  transform: scale(0.8)
}

.meiqia-unread-msg {
  position: absolute;
  top: -10px;
  right: -10px
}

.mobile .meiqia-feedback {
  display: none
}

.doc-comment-content a, .doc-comment-input a {
  user-modify: read-only;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  color: #70b1e7;
  padding: 2px 3px
}

.doc-comment-content a.mention-user, .doc-comment-input a.mention-user {
  color: #333;
  background: #ddd;
  padding: 3px;
  border-radius: 4px;
  border-radius: 3px;
  cursor: default
}

.doc-comment-content a.mention-user.online, .doc-comment-input a.mention-user.online {
  background: #bfe5c0
}

.doc-comment-content a.mention-doc:hover, .doc-comment-input a.mention-doc:hover {
  color: #28c
}

.mention-pop {
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7.5px 0;
  width: 220px;
  max-height: 250px;
  background: #fff;
  z-index: 99999;
  display: none
}

.mention-pop.active {
  display: block
}

.mention-pop ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0
}

.mention-pop ul li {
  margin: 0;
  cursor: default;
  display: block;
  padding: 7.5px 15px;
  line-height: 26px;
  font-family: ProximaNova-Regular, nova, arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px
}

.mention-pop ul li:last-child {
  border-bottom: none
}

.mention-pop ul li.placeholder {
  font-style: italic;
  color: #c0c9c6
}

.mention-pop ul li .avatar {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.mention-pop ul li .email, .mention-pop ul li .snippet {
  font-size: 12px;
  color: #c0c9c6
}

.mention-pop ul li .snippet {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.mention-pop ul li .mention-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  float: left;
  margin: 0 15px 0 1.5px
}

.mention-pop ul li.active {
  background: #e8e8e8
}

.mention-pop ul li.active .email, .mention-pop ul li.active .snippet {
  color: #c0c9c6
}

.mention-pop ul li[data-type='doc'] {
  color: #666
}

.mention-pop ul.result-list {
  background: #fff;
  color: #6886aa
}

.mention-pop ul.result-list li {
  line-height: 24px;
  cursor: pointer
}

#mention-pop-shadow {
  position: absolute;
  top: -5000px;
  left: -5000px
}

.anonymous-wrap {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px
}

.anonymous-wrap .anonymous-btns {
  margin: 240px auto 0;
  width: 141px;
  height: 77px;
  text-align: center;
  color: #898989;
  font-size: 9px
}

.anonymous-wrap .anonymous-login {
  float: left
}

.anonymous-wrap .anonymous-register {
  float: right
}

.anonymous-info .anonymous-avatar {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 0;
  top: 13px
}

.anonymous-info .anonymous-item {
  font-size: 14px;
  color: #41464b;
  padding-right: 20px;
  float: right
}

.anonymous-info .anonymous-item:hover {
  color: #000
}

.anonymous-info .anonymous-name {
  font-size: 13px;
  padding-left: 28px;
  padding-right: 25px
}

.anonymous-header.h-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.anonymous-header .header-left-box, .anonymous-header .header-right-box {
  width: 155px;
  position: static
}

.anonymous-header .header-status {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.anonymous-header .anonymous-logo {
  width: 200px
}

.hide {
  display: none !important
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.fadein {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear
}

.toast {
  position: fixed;
  top: 0;
  z-index: 1001;
  width: 100%;
  line-height: 43px;
  text-align: center;
  background: #fff
}

.message-box {
  line-height: initial;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif
}

.message-box .message-icon-wrap {
  padding: 0;
  width: 20px;
  height: 22px;
  margin-top: 14px;
  display: inline-block;
  position: relative
}

.message-box .message-icon-wrap.active .message-icon, .message-box .message-icon-wrap:hover .message-icon {
  background-position: -220px -60px
}

.message-dropdown {
  right: -49px;
  top: 48px
}

.message-dropdown .trangle span {
  left: 323px
}

.message-dropdown .trangle span.down {
  border-bottom-color: #fafafa
}

.message-dropdown .trangle span.top {
  top: -8px
}

.message-config {
  cursor: pointer;
  color: #aaa
}

.message-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 15px;
  height: 30px;
  line-height: 30px;
  color: #666;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: initial;
  padding: 0 17px;
  box-sizing: border-box;
  text-indent: initial;
  font-size: 12px
}

.message-header .header-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1
}

.message-header .tooltip {
  padding: 0 !important;
  left: initial !important;
  top: initial !important;
  bottom: initial !important;
  right: initial !important;
  box-shadow: initial !important
}

.message-header .tooltip::after {
  left: -20px;
  text-indent: 0;
  text-align: center;
  top: 26px
}

.message-header .m-icon {
  vertical-align: middle;
  width: 14px;
  height: 14px
}

.message-content .m-li {
  padding: 13px 20px 13px 17px
}

.message-content ul {
  overflow-y: auto;
  width: 390px
}

.message-content ul::-webkit-scrollbar {
  width: 3px
}

.message-content ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(165, 165, 165, 0.5)
}

.message-content-null {
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  display: none;
  color: #999
}

.message-content-null.active {
  display: block
}

.message-footer {
  -webkit-box-shadow: 0 0 4px #ccc;
  -moz-box-shadow: 0 0 4px #ccc;
  -ms-box-shadow: 0 0 4px #ccc;
  -o-box-shadow: 0 0 4px #ccc;
  box-shadow: 0 0 4px #ccc;
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  background: #f8f8f8
}

.message-footer a {
  color: #6886aa;
  font-size: 12px
}

.message-footer a:hover {
  color: #6daaec
}

.message-icon {
  cursor: pointer;
  background-position: -220px -20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin-right: 7px
}

.message-number {
  font-size: 12px;
  line-height: 100%;
  position: absolute;
  left: 15px;
  top: 8px;
  text-align: center;
  color: #666;
  text-shadow: 0 0 1px #fff;
  display: none;
  font-family: Arial, Helvetica, Tahoma
}

.message-number.active {
  display: block
}

.message-read-all {
  margin-right: 15px;
  cursor: pointer
}

.message-fade-leave {
  opacity: 1;
  transition: opacity 0.3s, margin-bottom 0.5s
}

.message-fade-leave-active {
  margin-bottom: -72px;
  opacity: 0 !important
}

.m-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  color: #333;
  cursor: pointer
}

.m-li.is-read {
  color: #a5a5a5
}

.m-li:hover {
  background: #f5f5f5
}

.m-li:hover .m-check {
  display: inline-block !important
}

.m-li:hover .m-shim-right-quote::after {
  background-color: #f5f5f5
}

.m-li .m-weak-text, .m-li .m-action[disabled] {
  font-size: 12px;
  line-height: 12px;
  color: #a5a5a5
}

.m-li .m-quotes::before {
  content: '“'
}

.m-li .m-quotes::after {
  content: '”'
}

.m-li .m-shim-right-quote {
  position: relative
}

.m-li .m-shim-right-quote::before {
  content: '”';
  position: absolute;
  right: 0;
  bottom: 0
}

.m-li .m-shim-right-quote::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: auto;
  width: 1em;
  height: 1em;
  z-index: 1;
  background-color: #fff
}

.m-li .m-avatar {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 15px;
  border-radius: 26px
}

.m-li .m-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  min-width: 0
}

.m-li .m-content {
  max-height: 36px;
  line-height: 18px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  width: 100%;
  overflow: hidden;
  word-break: break-all
}

.m-li .m-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 6px
}

.m-li .m-icon {
  height: 14px;
  width: 14px;
  margin-right: 5px
}

.m-li .m-action {
  padding: 0 1em;
  margin-left: 7px
}

.m-li .m-action[disabled] {
  border: 1px solid #e5e5e5
}

.m-li .m-datetime {
  position: relative;
  margin-left: 10px
}

.m-li .m-check {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: none;
  color: #888;
  width: 14px;
  height: 14px
}

.widget-dialog, .dialog-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.widget-dialog {
  z-index: 1000;
  font-size: 13px
}

.dialog-mask {
  background: #000;
  opacity: .5
}

.dialog-content {
  position: absolute;
  width: 290px;
  max-width: 80%;
  min-height: 150px;
  background: #fff
}

.dialog-header {
  height: 30px;
  position: relative
}

.dialog-header .dialog-title {
  text-align: center;
  font-size: 15px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0
}

.dialog-body {
  padding: 20px 26px 45px 26px;
  line-height: 26px
}

.dialog-body .tel {
  text-decoration: underline;
  color: #4A90E2
}

.dialog-close-btn {
  float: right
}

.dialog-btn {
  display: block;
  margin-top: 15px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #41464b
}

.dialog-btn:active {
  background: #26272c
}

.dialog-wrap {
  z-index: 999
}

.dialog-wrap.no-title .dialog-head {
  display: none
}

.dialog-wrap.no-action .dialog-foot {
  display: none
}

.flat-dialog {
  color: #41464b
}

.flat-dialog .mask {
  background: rgba(0, 0, 0, 0.5)
}

.flat-dialog .dialog {
  width: 289px;
  height: auto;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px #8c8c8c;
  -moz-box-shadow: 0 2px 4px #8c8c8c;
  -ms-box-shadow: 0 2px 4px #8c8c8c;
  -o-box-shadow: 0 2px 4px #8c8c8c;
  box-shadow: 0 2px 4px #8c8c8c
}

.flat-dialog.light .mask {
  background: rgba(246, 246, 246, 0.92)
}

.flat-dialog.light .dialog {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -moz-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -ms-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -o-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7)
}

.flat-dialog.light .dialog {
  background: #fff
}

.flat-dialog .dialog-head {
  line-height: 1;
  color: #41464b;
  border-bottom: 0;
  box-shadow: 0 0 transparent;
  padding-top: 44px;
  text-align: center;
  font-size: 18px;
  background: transparent
}

.flat-dialog .dialog-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px
}

.flat-dialog .dialog-body {
  padding-bottom: 30px;
  padding-top: 30px
}

.flat-dialog .dialog-description {
  text-align: center;
  font-size: 14px;
  line-height: 1.5em
}

.flat-dialog .dialog-foot {
  width: 100%;
  margin-bottom: 26px
}

.flat-dialog .dialog-foot button {
  display: block;
  float: none;
  width: 240px;
  margin-left: 25px
}

.flat-dialog .dialog-foot button.vertical {
  margin-bottom: 8px
}

.flat-dialog .dialog-middle-content {
  position: relative;
  text-align: center
}

.flat-dialog .dialog-middle-content .dialog-close {
  font-size: 20px
}

#list-view-wrap>.maintenance {
  position: fixed;
  top: 50px;
  height: 42px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #666;
  z-index: 105;
  background-color: #FDF7E5;
  border-bottom: 1px solid #e5e5e5;
  line-height: 42px
}

#list-view-wrap>.maintenance a {
  color: #2288cc;
  text-decoration: underline
}

#list-view-wrap>.maintenance .content {
  height: 42px;
  line-height: 42px;
  display: inline-block
}

#list-view-wrap>.maintenance .icon-delete {
  color: #777;
  text-decoration: none
}

#list-view-wrap>.maintenance .link {
  color: #6DA0E3;
  font-weight: bold;
  margin: 0 5px
}

#list-view-wrap>.maintenance .delete {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 11px;
  right: 10px
}

#list-view-wrap>.maintenance .delete:before {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/notification-8e97ac2200.png);
  background-repeat: no-repeat;
  background-size: 15px 50px;
  background-color: transparent;
  background-position: 0 -10px
}

#list-view-wrap>.maintenance .delete:hover:before {
  background-position: 0 0
}

#list-view-wrap>.maintenance .warning {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 15px;
  margin-top: -2px;
  margin-right: 10px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/notification-8e97ac2200.png);
  background-repeat: no-repeat;
  background-size: 15px 50px;
  background-color: transparent;
  background-position: 0 -35px
}

#list-view-wrap>.maintenance .good-news {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 15px;
  margin-top: -2px;
  margin-right: 10px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/notification-8e97ac2200.png);
  background-repeat: no-repeat;
  background-size: 15px 50px;
  background-color: transparent;
  background-position: 0 -20px
}

#list-view-wrap>.maintenance.blue {
  background-color: #E2ECF9
}

body.maintenance #list-view {
  margin-top: 45px;
  display: block
}

.survey-banner {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  font-size: 12px
}

.survey-banner:hover .survey-banner-close {
  opacity: 1;
  pointer-events: auto
}

.survey-link {
  color: #6da2d7
}

.survey-banner-close {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  background-position: -340px -100px;
  opacity: 0;
  cursor: pointer
}

.sm-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #333;
  border-radius: 2px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -moz-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -ms-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -o-box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  box-shadow: 0px 1px 3px 0px #e5e5e5 inset;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

textarea.sm-form-control {
  line-height: 1.5em
}

.sm-form-control:focus {
  outline: 0;
  border-color: #a6a6a6 !important;
  color: #333
}

.sm-form-control:hover {
  border-color: #ccc
}

.sm-form-control:-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
  font-size: 12px
}

.sm-form-control:-ms-input-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control::-webkit-input-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {
  cursor: default;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 0px transparent inset;
  -moz-box-shadow: 0px 0px 0px 0px transparent inset;
  -ms-box-shadow: 0px 0px 0px 0px transparent inset;
  -o-box-shadow: 0px 0px 0px 0px transparent inset;
  box-shadow: 0px 0px 0px 0px transparent inset
}

.sm-form-control[readonly] {
  color: #333
}

.sm-form-control[readonly]:hover, .sm-form-control[readonly]:focus {
  border: 1px solid #e5e5e5 !important
}

.sm-form-control[disabled] {
  color: #ccc
}

.sm-form-control[readonly]:hover, .sm-form-control[readonly]:focus, .sm-form-control[disabled]:hover, .sm-form-control[disabled]:focus {
  border: 1px solid #e5e5e5 !important
}

.sm-nav-tabs .tab-head-wrap {
  border-bottom: 1px solid #eee;
  height: auto;
  line-height: 1
}

.sm-nav-tabs .tab-head-item {
  display: inline-block;
  line-height: 1em;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: -1px;
  color: #999;
  font-size: 12px;
  cursor: pointer
}

.sm-nav-tabs .tab-head-item:first-child {
  margin-left: 0
}

.sm-nav-tabs .tab-head-item:hover {
  color: #333
}

.sm-nav-tabs .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-nav-tabs .tab-content-wrap {
  padding-top: 10px
}

.sm-nav-tabs.large .tab-head-item {
  margin-left: 18px;
  margin-right: 18px;
  font-size: 14px
}

.sm-nav-tabs.large .tab-head-item:first-child {
  margin-left: 0
}

.fp-formula-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 298px;
  height: 100%;
  padding: 17px;
  background-color: #fff;
  font-size: 12px;
  color: #333
}

.fp-formula-panel .fp-weak-text {
  color: #999
}

.fp-formula-panel .fp--hide {
  display: none
}

.fp-formula-panel .fp-header {
  padding-bottom: 9px;
  border-bottom: 1px solid #ccc
}

.fp-formula-panel .fp-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -17px
}

.fp-formula-panel .fp-list::-webkit-scrollbar {
  width: 5px;
  background-color: transparent
}

.fp-formula-panel .fp-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(165, 165, 165, 0.5)
}

.fp-formula-panel .fp-list__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 17px
}

.fp-formula-panel .fp-list__item:hover {
  background-color: #f5f5f5
}

.fp-formula-panel .fp-list__item-name {
  margin-bottom: 10px;
  font-size: 14px
}

.fp-formula-panel .fp-category {
  display: inline-block;
  position: relative;
  margin: 0;
  text-align: left;
  vertical-align: middle
}

.fp-formula-panel .fp-category .d-menu-display-wrap {
  width: 114px;
  line-height: 28px;
  padding: 0 10px;
  border: 1px solid #ccc
}

.fp-formula-panel .fp-category .d-menu-display-wrap:hover {
  box-shadow: none !important
}

.fp-formula-panel .fp-category .menu-wrap {
  width: 158px;
  border: 1px solid #eee
}

.fp-formula-panel .fp-category .menu-wrap::before {
  border-bottom-color: #eee
}

.fp-formula-panel .fp-category.d-menu-wrap.unactive .menu-wrap {
  display: none
}

.fp-formula-panel .fp-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
  line-height: 2;
  min-height: 2em
}

.fp-formula-panel .fp-search__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  height: 28px;
  padding: 0 25px
}

.fp-formula-panel .fp-list__empty {
  padding: 2em;
  font-size: 18px;
  text-align: center
}

.fp-formula-panel .team-sprite {
  position: relative;
  z-index: 1;
  top: 5px
}

.fp-formula-panel .team-sprite.team-icon-search {
  margin-right: -20px;
  left: 5px
}

.fp-formula-panel .team-sprite.team-icon-delete {
  margin-left: -20px;
  right: 5px
}

.fp-formula-panel .fp-pointer {
  cursor: pointer
}

.fp-formula-panel .fp-pointer:hover {
  opacity: 0.7
}

.fp-formula-panel .hicon {
  top: initial;
  text-align: center;
  line-height: 1
}

.common-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f9f9f9;
  box-shadow: 0px 1px 6px #ccc
}

.common-sidebar--transition-enter {
  transform: translateX(110%)
}

.common-sidebar--transition-enter.common-sidebar--transition-enter-active {
  transition: transform .2s;
  transform: translateX(0)
}

.common-sidebar--transition-leave {
  transform: translateX(0)
}

.common-sidebar--transition-leave.common-sidebar--transition-leave-active {
  transition: transform .2s;
  transform: translateX(110%)
}

.sm-btn {
  display: inline-block;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border-radius: 2px;
  padding: 0 26px;
  box-sizing: border-box
}

.sm-btn:focus {
  outline: transparent
}

.sm-btn-primary {
  background-color: #41464B;
  color: #FFF;
  border: 1px solid transparent
}

.sm-btn-primary:hover {
  background: #313438;
  border-color: #313438
}

.sm-btn-primary:active {
  background: #2c3033;
  border-color: #2c3033
}

.sm-btn-primary.disable {
  pointer-events: none;
  background: #e5e5e5
}

.sm-btn-default {
  background-color: #FFF;
  color: #53585c;
  border: 1px solid #c3c4c6
}

.sm-btn-default:hover {
  color: #41464b;
  border-color: #9ea0a3
}

.sm-btn-default:active {
  color: #2c3033;
  border-color: #8b8e91
}

.noti-crumb {
  margin: 0;
  margin-top: 32px;
  margin-bottom: 10px
}

.noti-crumb .home-link {
  margin-left: -5px
}

.noti-scroll-view {
  height: calc(100% - 52px);
  overflow-y: auto;
  overflow-x: visible
}

.noti-outer-container {
  width: 816px;
  margin: 0 auto
}

.noti-container {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
  width: 100%;
  margin-bottom: 30px;
  min-height: 500px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc;
  padding: 50px 0;
  box-sizing: border-box;
  position: relative
}

.noti-container .pageloading {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  z-index: 2000;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5)
}

.noti-message-null {
  text-align: center;
  font-size: 30px;
  color: #ccc;
  line-height: 180px;
  display: none
}

.noti-message-null.active {
  display: block
}

.noti-bell {
  background: url(https://assets-cdn.shimo.im/assets/images/bell-fa76f3d9da.png);
  background-size: 30px 30px;
  position: relative;
  top: 4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px
}

.noti-ul .m-li {
  padding: 15px 100px
}

.noti-ul .m-li.unread .m-title {
  font-weight: bold;
  color: #000
}

.noti-ul .m-content-box {
  width: calc(100% - 30px)
}

.noti-ul .m-span-inner {
  color: #999
}

.noti-ul .m-time {
  right: 100px
}

.noti-config {
  font-size: 14px;
  position: relative;
  padding: 0 84px;
  margin-bottom: 30px
}

.noti-config-title {
  height: 12px;
  line-height: 12px;
  font-weight: bold;
  position: relative;
  padding-left: 27px;
  font-size: 12px;
  color: #333
}

.noti-config-title .hicon {
  left: 0;
  top: 0;
  position: absolute;
  margin-right: 10px;
  font-weight: normal;
  vertical-align: top
}

.noti-config-title .icon-desktop {
  top: 1px
}

.noti-config-info {
  color: #ababab;
  margin-top: 15px;
  height: 12px;
  font-size: 12px;
  line-height: 22px;
  padding-left: 27px
}

.noti-config-switch {
  position: absolute;
  right: 100px;
  top: -5px
}

.share-btn-wrap {
  position: relative
}

.doc-link-input-box.closed {
  opacity: .5
}

.doc-link-input-box.closed::before {
  display: block
}

.dialog {
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  font-size: 14px;
  color: #7d7d7d
}

.dialog-head {
  position: relative
}

.dialog-close-btn {
  position: absolute;
  right: 12px;
  top: 8px
}

.dialog-wechat-box {
  position: relative
}

.mem-list {
  position: relative;
  height: 406px
}

.search-list {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0
}

.search-list .ui-list {
  height: 319px;
  overflow: auto
}

.dialog-wrap .result-list {
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  top: 0;
  overflow-y: auto
}

.dialog-wrap .search-list, .dialog-wrap .result-list {
  width: 50%
}

.ui-list {
  line-height: 24px;
  text-align: left
}

.ui-list-head {
  text-indent: 20px;
  background: -webkit-linear-gradient(top, #dcddde, #ecedee)
}

.img-wrap {
  background-color: transparent !important;
  width: 24px;
  height: 24px
}

.row-user-name {
  width: 64px;
  margin: 0 12px
}

.search-wrap {
  width: 100%;
  height: 51px;
  padding: 8px;
  box-sizing: border-box
}

.search-res-row {
  padding: 6px 20px
}

.search-res-row {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.dialog-foot {
  padding: 11px 16px;
  padding-bottom: 30px;
  height: 32px
}

.share-user-avatar {
  border-radius: 50%
}

.search-input {
  width: 100%;
  height: 100%;
  text-indent: 8px;
  border: 1px solid #ccc;
  border-radius: 2px
}

.search-input:focus {
  outline: 0;
  border-color: #a6a6a6 !important;
  color: #333
}

.search-input:hover {
  border-color: #ccc
}

.share-user-li:hover .share-user-identity.share-show-remove {
  display: none
}

.sheet-share-dropdown {
  z-index: 2000 !important
}

.btn {
  margin: 0;
  box-shadow: none;
  box-sizing: content-box;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif
}

.btn-inner:hover {
  background: none
}

.doc-link-qr, .doc-link-wb {
  margin: 0
}

.search-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  text-indent: 0
}

.search-input::-moz-placeholder {
  color: #A5A5A5
}

.search-input::-webkit-input-placeholder {
  color: #A5A5A5
}

.search-input:-ms-input-placeholder {
  color: #A5A5A5
}

.sheet-share-dropdown {
  width: 376px;
  height: auto;
  padding: 20px 20px 0;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 101;
  position: absolute;
  top: 36px;
  right: -6px;
  font-size: 14px;
  background-color: #fff
}

.sheet-share-dropdown.active {
  display: block
}

.sheet-share-dropdown:before, .sheet-share-dropdown:after {
  display: block;
  content: " ";
  position: absolute;
  left: 90%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: 2px
}

.sheet-share-dropdown:before {
  top: -8px;
  border-width: 7px;
  border-bottom-color: #f0f0f0
}

.sheet-share-dropdown:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.btn.doc-link-qr, .btn.doc-link-wb {
  border: 1px solid #c3c4c6;
  box-sizing: border-box;
  padding: 0
}

.btn.doc-link-qr:hover, .btn.doc-link-wb:hover {
  border: 1px solid #858f99;
  color: #41464b
}

.btn.doc-link-qr {
  border-radius: 2px;
  margin: 0
}

.btn.doc-link-qr:hover {
  width: 34px
}

.btn.doc-link-wb {
  border-radius: 0px 2px 2px 0
}

.btn.s-link-wb {
  pointer-events: none
}

.permission-item {
  color: #333
}

.dialog-wrap .dialog {
  background: #FAFAFA
}

.dialog-wrap .dialog-foot {
  padding-left: 40px;
  padding-right: 40px
}

.dialog-wrap .dialog-foot .teamworker-btn.invite-link {
  float: left
}

.dialog-wrap .dialog-foot .teamworker-btn {
  float: right
}

.dialog-wrap .dialog-foot .teamworker-btn.add-cancel {
  margin-right: 18px
}

.dialog-wrap .dialog-foot .invite-link-popup {
  left: 0;
  bottom: 15px
}

.dialog-wrap .dialog-head {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 10px;
  text-indent: 0;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 16px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  border-bottom: transparent
}

.dialog-wrap .dialog-close-btn {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 30px;
  cursor: pointer
}

.dialog-wrap .dialog-close-btn:active {
  color: #333
}

.teamworker-btn.btn-ok {
  margin-left: 18px
}

.dialog-wrap .teamworker-btn.btn-ok {
  margin-left: 0
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teamworker-sharelist-inner .dialog {
  width: 480px
}

.teamworker-inner {
  position: fixed;
  width: 656px;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 497px;
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.teamworker-inner.sharelist-dialog {
  width: 556px
}

.teamworker-inner.sharelist-dialog .teamworker-title {
  text-indent: 20px
}

.teamworker-title {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  box-shadow: 0 1px 4px #ccc;
  text-indent: 12px
}

.teamworker-content {
  overflow: auto;
  height: 288px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.share-menu-content {
  overflow: hidden
}

.teamworker-content-left, .teamworker-content-right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0
}

.teamworker-content-right {
  background: #f0f0f0;
  right: 0;
  overflow: auto
}

.teamworker-content-left {
  background: #fff;
  left: 0
}

.teamworker-list-shadow {
  position: absolute;
  width: 328px;
  bottom: 52px;
  left: 0;
  height: 9px;
  background: url();
  background-size: 328px 8.4px;
  display: none
}

.sharelist-content-shadow {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 50px;
  height: 14px;
  background: url();
  background-repeat: no-repeat;
  background-size: 556px 14px;
  display: none
}

.user-not-found {
  position: absolute;
  width: 328px;
  height: 20px;
  line-height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  display: none
}

.teamworker-footer {
  padding: 11px 16px;
  height: 32px
}

.teamworker-btn {
  height: 30px;
  line-height: 30px;
  float: right;
  cursor: pointer;
  margin-left: 18px;
  font-size: 12px;
  padding: 0 30px
}

.teamworker-btn.btn {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px
}

.teamworker-btn.invite-link {
  margin-left: 0
}

.teamworker-btn.disable {
  opacity: .5
}

.teamworker-btn.small {
  width: 80px
}

.teamworker-btn.white {
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  background: #fff;
  color: #898989
}

.teamworker-btn.invite-link {
  float: left
}

.share-li-title {
  background: -moz-linear-gradient(top, #dcddde, #ecedee);
  background: -webkit-linear-gradient(top, #dcddde, #ecedee);
  background: -o-linear-gradient(top, #dcddde, #ecedee);
  background: -ms-linear-gradient(top, #dcddde, #ecedee);
  height: 20px;
  line-height: 20px;
  text-indent: 20px;
  font-size: 12px
}

.share-li-title.invite-title {
  background: transparent;
  margin-top: 12px;
  color: #333;
  font-weight: bold
}

.no-grand {
  height: 0;
  margin-top: 18px;
  overflow: hidden
}

.share-user-li {
  padding: 6px 48px 6px 24px;
  height: 24px;
  line-height: 24px;
  color: #898989;
  position: relative;
  font-size: 12px
}

.share-user-li.teamworker-sharelist-user-li {
  padding: 6px 40px
}

.share-user-li:hover {
  background: #f3f3f3
}

.share-user-li:hover .user-normal, .share-user-li:hover .user-wait-confirm, .share-user-li:hover .user-self {
  display: none
}

.share-user-li:hover .share-user-remove {
  display: block
}

.share-user-li.grand-li:hover .user-normal, .share-user-li.grand-li:hover .user-wait-confirm, .share-user-li.grand-li:hover .user-self {
  display: block
}

.share-user-li.has-drop {
  z-index: 99
}

.share-user-avatar {
  width: 24px;
  height: 100%;
  position: relative;
  display: inline-block;
  float: left
}

.share-user-avatar img {
  height: 100%;
  width: 100%;
  border-radius: 50%
}

.share-user-name {
  width: 116px;
  height: 100%;
  float: left;
  margin: 0 48px 0 12px;
  color: #333
}

.share-user-name.teamworker-sharelist-user-name {
  width: 23%;
  margin-right: 10px;
  margin-left: 10px
}

.team-role-select {
  position: absolute;
  right: 50px;
  margin-top: -2px
}

.role-select-btn {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  width: 76px;
  pointer-events: none
}

.role-select-btn.dropdown-btn {
  pointer-events: auto
}

.role-select-btn.active {
  width: 74px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #d6d6d6;
  border-radius: 2px
}

.role-select-btn.active .role-title {
  color: #666
}

.role-select-btn.active .select-btn-icon {
  margin-right: 10px;
  margin-top: 3px;
  background-position: -427px -60px
}

.role-select-btn.active .role-title {
  padding: 7px 0px 7px 0px;
  margin-left: 11px
}

.role-title {
  float: left;
  margin-left: 12px;
  font-size: 12px;
  color: #898989;
  line-height: 1;
  padding: 8px 0px 8px 0px
}

.select-btn-icon {
  display: inline-block;
  float: right;
  width: 5px;
  height: 20px;
  margin-top: 4px;
  margin-right: 11px;
  margin-left: 9px;
  background-position: -427px -20px
}

.role-dropdown-wrap {
  position: absolute;
  display: none;
  width: 95px;
  margin-left: -11px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc
}

.role-dropdown-wrap.active {
  display: block
}

.role-dropdown-wrap .trangle .top, .role-dropdown-wrap .trangle .down {
  left: 50%;
  margin-left: -7px
}

.role-dropdown-wrap.is-dropup {
  bottom: 46px
}

.role-dropdown-wrap.is-dropup .trangle .top, .role-dropdown-wrap.is-dropup .trangle .down {
  border-top: 7px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none
}

.role-dropdown-wrap.is-dropup .trangle .top {
  top: auto;
  bottom: -8px;
  border-top: 7px solid rgba(136, 136, 136, 0.2)
}

.role-dropdown-wrap.is-dropup .trangle .down {
  top: auto;
  bottom: -7px
}

.team-role-item {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding-left: 24px;
  color: #898989
}

.team-role-item:hover {
  background-color: #F5F5F5;
  color: #666
}

.team-role-item:hover .select-role-icon {
  background-position: -380px -60px
}

.team-role-item.checked .select-role-icon {
  display: inline-block
}

.team-role-separator {
  height: 0;
  width: 48px;
  border-bottom: 1px solid #D2D2D2;
  margin-left: 24px
}

.select-role-icon {
  position: relative;
  display: none;
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 11px;
  margin-top: 6px;
  background-position: -380px -20px
}

.share-user-email {
  float: left;
  width: 206px;
  color: #666
}

.share-user-email.teamworker-sharelist-user-email {
  width: 45%;
  margin-right: 10px
}

.team-user-email {
  width: 200px
}

.teamworker-user-li {
  padding: 6px 20px
}

.search-list .teamworker-user-li {
  padding-left: 40px
}

.result-list .teamworker-user-li {
  padding-right: 40px
}

.result-list .operation-icon.is-remove {
  right: 40px
}

.teamworker-user-name {
  width: 23%;
  margin: 0 12px
}

.teamworker-user-email {
  width: 45%
}

.teamworker-user-list, .search-user-list {
  height: 346px;
  overflow: auto
}

.teamworker-nobody-info {
  display: table-cell;
  width: 328px;
  height: inherit;
  vertical-align: middle;
  text-align: center
}

.teamworker-nobody-text {
  display: block;
  color: #9B9B9B;
  font-size: 12px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto
}

.teamworker-nobody-text strong {
  color: #818181
}

.operation-icon {
  position: absolute;
  right: 20px;
  top: 9px;
  width: 17px;
  height: 17px;
  z-index: 1;
  background-position: -11px -92px;
  cursor: pointer
}

.operation-icon:hover {
  background-position: -31px -92px
}

.operation-icon.is-shared {
  background-position: -51px -72px;
  cursor: default
}

.operation-icon.is-checked {
  background-position: -11px -72px
}

.operation-icon.is-checked:hover {
  background-position: -31px -72px
}

.operation-icon.is-remove {
  background-position: -11px -52px;
  right: 30px
}

.operation-icon.is-remove:hover {
  background-position: -31px -52px
}

.operation-icon.is-disable {
  opacity: 0.5;
  pointer-events: none
}

.share-status {
  display: none;
  float: right
}

.share-user-identity {
  display: block;
  color: #888
}

.share-user-remove {
  position: absolute;
  right: 40px;
  top: 9px;
  width: 17px;
  height: 17px;
  z-index: 1;
  background-position: -31px -52px;
  cursor: pointer
}

.search-wrap.teamworker-input-box {
  position: relative;
  padding-top: 14px;
  padding-left: 40px;
  box-sizing: border-box
}

.teamworker-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box
}

.teamworker-input-clear {
  position: absolute;
  top: 41px;
  right: 16px;
  font-size: 14px;
  margin-top: -23px;
  margin-right: 5px;
  display: none
}

.teamworker-input-clear .icon-delete {
  color: #d5d5d5
}

.teamworker-input-clear:hover .icon-delete {
  color: #bfbfbf
}

#teamworker-setting {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default
}

#teamworker-setting .on-send {
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e8ecf1 !important;
  color: #666;
  font-size: 12px
}

.invite-link-popup {
  background-color: white;
  position: absolute;
  bottom: 55px;
  left: 16px;
  width: 172px;
  height: 242px;
  text-align: center;
  box-shadow: 0 1px 6px #ccc
}

.invite-link-popup p {
  text-align: center;
  padding: 16px 0 16px 0;
  font-size: 14px;
  color: #666
}

.invite-link-popup img {
  width: 114px;
  height: 114px
}

.invite-link-popup .arrow-down .top, .invite-link-popup .arrow-down .down {
  left: 75px
}

.userlist-legend {
  border-bottom: 1px solid #DFDFDF;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 25px;
  margin-bottom: 4px;
  height: 22px
}

.userlist-legend:first-child {
  margin-top: 20px
}

.userlist-legend-label {
  color: #333;
  font-size: 12px;
  line-height: 1;
  float: left
}

.contact-list-switcher {
  margin-left: 40px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px
}

.transfer-admin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  cursor: default;
  display: none
}

.transfer-box {
  position: fixed;
  width: 380px;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 370px;
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.transfer-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 14px;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  box-shadow: 0 1px 4px #ccc;
  text-indent: 12px
}

.transfer-close {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -1px;
  cursor: pointer;
  text-indent: 0
}

.transfer-btn {
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  float: right;
  margin-left: 12px
}

.transfer-btn.disable {
  cursor: default
}

.transfer-input-box {
  padding: 12px;
  width: auto
}

.transfer-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  outline: none;
  box-sizing: border-box
}

.transfer-footer {
  padding: 11px 16px;
  height: 32px
}

.transfer-content {
  height: 219px;
  position: relative
}

.transfer-content-title {
  background: -moz-linear-gradient(top, #dcddde, #ecedee);
  background: -webkit-linear-gradient(top, #dcddde, #ecedee);
  background: -o-linear-gradient(top, #dcddde, #ecedee);
  background: -ms-linear-gradient(top, #dcddde, #ecedee);
  height: 20px;
  line-height: 20px;
  text-indent: 20px;
  font-size: 12px;
  color: #7d7d7d
}

.transfer-content-list {
  height: 199px;
  overflow: auto
}

.transfer-list-item {
  padding: 6px 20px;
  height: 24px;
  line-height: 24px;
  color: #898989;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.transfer-list-item:hover {
  background: #f3f3f3
}

.transfer-item-avatar {
  width: 24px;
  height: 24px;
  float: left;
  border-radius: 50%
}

.transfer-item-username {
  margin: 0 12px;
  float: left;
  width: 64px
}

.transfer-item-email {
  float: left;
  width: 200px
}

.transfer-item-icon {
  float: right;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  cursor: pointer;
  background-position: -11px -92px
}

.transfer-item-icon:hover {
  background-position: -31px -92px
}

.is-checked .transfer-item-icon {
  background-position: -11px -72px
}

.is-checked .transfer-item-icon:hover {
  background-position: -31px -72px
}

.transfer-no-result {
  font-size: 12px;
  color: #898989;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  line-height: 194px;
  text-align: center;
  background: #fafafa;
  display: none
}

.transfer-content-shadow {
  position: absolute;
  width: 380px;
  bottom: 0px;
  left: 0;
  height: 10px;
  background: url();
  background-size: 380px 9.7px;
  display: none
}

.transfer-body {
  position: relative
}

#react-app {
  width: 100%;
  height: 100%
}

.doc-share-icon {
  background-image: url("https://assets-cdn.shimo.im/assets/images/share_link-8092fe6d8d.png");
  background-repeat: no-repeat;
  background-size: 124px 141px
}

.permission-item {
  margin: 10px 0;
  line-height: 16px;
  font-size: 12px
}

.permission-item.active .permission-check-item {
  background-position: -11px -112px
}

.permission-check-item {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  margin-top: -1px;
  background-position: -11px -92px;
  display: inline-block;
  vertical-align: middle
}

.permission-item-1 {
  float: left;
  margin-right: 30px
}

.content-wrap {
  overflow: auto;
  max-height: calc(100% - 51px)
}

.content-wrap .crumb-list {
  width: 816px;
  padding: 15px 0;
  margin: 0 auto
}

.content-wrap .no-crumb {
  font-size: 14px;
  color: #666
}

.content-wrap .container {
  position: relative;
  margin: 0 auto;
  padding: 30px 40px;
  width: 816px;
  min-height: 800px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0px 1px 6px #ccc;
  box-sizing: border-box
}

.content-wrap .tab-nav {
  border-bottom: 1px solid #DDD;
  margin-bottom: 16px
}

.content-wrap .tab-nav a {
  display: inline-block;
  margin-right: 36px;
  padding: 10px 5px 14px;
  margin-bottom: -1px;
  font-size: 14px;
  line-height: 14px;
  color: #999
}

.content-wrap .tab-nav a.active, .content-wrap .tab-nav a:hover {
  color: #333;
  border-bottom: 2px solid #41464b
}

.enterprise-dialog .dialog-title {
  font-size: 16px;
  font-weight: bold;
  color: #333
}

.enterprise-dialog .dialog-foot:empty {
  padding-top: 0;
  height: 1px
}

.enterprise-dialog .dialog-body {
  padding-top: 10px;
  padding-bottom: 0
}

.shimo-modal-overlay, .modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6)
}

.shimo-modal-overlay .sm-form-control.invitation-link-input, .modal-overlay .sm-form-control.invitation-link-input {
  width: 352px;
  height: 32px
}

.shimo-modal-overlay .invitation-link-desc, .modal-overlay .invitation-link-desc {
  margin-bottom: 58px
}

.shimo-modal-overlay .permission-item, .modal-overlay .permission-item {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  padding-left: 30px;
  line-height: 1.7;
  height: auto;
  margin-top: 0px;
  margin-bottom: 12px;
  opacity: 1
}

.shimo-modal-overlay .permission-item:last-child, .modal-overlay .permission-item:last-child {
  margin-bottom: -4px
}

.shimo-modal-overlay .permission-item .permission-check-item, .modal-overlay .permission-item .permission-check-item {
  position: absolute;
  top: 5px;
  left: 0
}

.shimo-modal-overlay .permission-item .permission-item-1, .modal-overlay .permission-item .permission-item-1 {
  float: none
}

.shimo-modal-overlay .permission-item.disabled, .modal-overlay .permission-item.disabled {
  opacity: 0.5;
  cursor: not-allowed
}

.outter-file-list {
  width: 420px;
  height: 300px;
  overflow-y: auto;
  margin: 0 -26px
}

.outter-item {
  padding: 0 40px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  vertical-align: middle
}

.outter-item img {
  width: 14px;
  height: 14px;
  margin: 6px 10px 0 0;
  float: left
}

.outter-item .name {
  max-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden
}

.outter-item .red {
  display: none;
  float: right;
  cursor: pointer;
  color: #ba3636
}

.outter-item:hover {
  background: #f1f1f1
}

.outter-item:hover .red {
  display: block
}

.enterprise {
  font-size: 12px
}

.enterprise .dropdown {
  position: relative
}

.enterprise .dropdown.disabled .dropdown-toggle, .enterprise .dropdown.disabled .dropdown-toggle:hover {
  border-color: transparent;
  font-weight: normal
}

.enterprise .dropdown.disabled .dropdown-menu {
  display: none
}

.enterprise .dropdown-toggle {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  padding: 0 15px
}

.enterprise .dropdown-toggle-trangle {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url() no-repeat;
  background-size: 5px 3px
}

.enterprise .dropdown.disabled .dropdown-toggle {
  cursor: text
}

.enterprise .dropdown.disabled .dropdown-toggle-trangle {
  visibility: hidden
}

.enterprise .open .dropdown-toggle, .enterprise .dropdown-toggle:hover {
  border: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  color: #41464b;
  font-weight: bold
}

.enterprise .dropdown-menu {
  visibility: hidden;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  z-index: 9999;
  width: auto;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 3px 4px rgba(136, 136, 136, 0.4);
  text-align: left
}

.enterprise .open .dropdown-menu {
  visibility: visible
}

.enterprise .dropdown-item {
  cursor: pointer;
  display: block;
  white-space: nowrap
}

.enterprise .dropdown-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #e5e5e5
}

.enterprise .destroy-enterprise-input {
  margin-top: -5px
}

.enterprise .modal {
  position: absolute;
  z-index: 1001;
  top: 30%;
  left: 50%;
  margin-left: -210px;
  width: 340px;
  min-height: 150px;
  background-color: #fafafa;
  padding: 30px 40px;
  border-radius: 3px;
  color: #666
}

.enterprise .modal-header {
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  color: #333;
  margin-bottom: 24px
}

.enterprise .modal-content {
  font-size: 14px;
  color: #666;
  min-height: 52px;
  margin-bottom: 30px
}

.enterprise .modal-content-paragraph {
  list-style: disc;
  margin-bottom: 20px;
  margin-left: 16px
}

.enterprise .modal-desc {
  font-size: 12px;
  line-height: 1.7;
  background: #f7f7f7;
  border: 1px solid #f0f0f0;
  padding: 12px 14px;
  margin-bottom: 14px
}

.enterprise .modal-actions {
  text-align: right
}

.enterprise .modal-actions .btn {
  font-size: 14px
}

.enterprise .row {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee
}

.enterprise .row:last-child {
  border: 0 none
}

.enterprise .row .name {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  color: #333;
  font-weight: 700;
  margin-bottom: 8px
}

.enterprise .row .desc {
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  min-height: 1px;
  color: #888
}

.enterprise .row .action {
  font-size: 12px;
  line-height: 28px;
  color: #41464b
}

.enterprise .row .action:hover {
  color: #000
}

.enterprise .row .action.red {
  color: #cd4747
}

.enterprise .row .action.red:hover {
  color: #ba3636
}

.enterprise .row .action.btn {
  padding: 0 10px;
  min-width: 90px;
  line-height: 26px;
  height: 26px;
  color: #fff;
  background: #40454a;
  border: 1px solid #3a3e42;
  border-radius: 2px
}

.enterprise .member-filter-container .waterfall {
  overflow-y: inherit
}

.enterprise .member-filter {
  margin-bottom: 13px
}

.enterprise .member-filter a {
  display: inline-block;
  padding: 0 20px;
  margin-right: 14px;
  border: 1px solid #f0f0f0;
  line-height: 30px;
  font-size: 12px;
  color: #666
}

.enterprise .member-filter a:hover, .enterprise .member-filter a.active {
  color: #333;
  border: 1px solid #d6d6d6
}

.enterprise .member-filter a:hover {
  background-color: #f5f5f5
}

.enterprise .member-filter a.active {
  background-color: #ebebeb
}

.enterprise .member-add {
  cursor: pointer;
  line-height: 29px;
  width: 110px;
  padding-top: 13px;
  opacity: .8
}

.enterprise .member-add:hover {
  opacity: 1
}

.enterprise .mermber-add-icon {
  background: url() no-repeat;
  background-size: 29px 29px;
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px
}

.enterprise .member-desc {
  background: #f7f7f7;
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
  color: #999;
  position: relative;
  line-height: 1em
}

.enterprise .member-desc-trangle {
  position: absolute;
  top: -15px
}

.enterprise .member-desc-trangle:after, .enterprise .member-desc-trangle:before {
  position: absolute;
  content: ' ';
  z-index: 10;
  width: 0;
  height: 0;
  top: -1px;
  border: 8px solid transparent;
  border-bottom-color: #f0f0f0
}

.enterprise .member-desc-trangle:after {
  border-bottom-color: #f7f7f7;
  top: 0px
}

.enterprise .disabled-member-desc:before, .enterprise .disabled-member-desc:after {
  left: 303px
}

.enterprise .member-list {
  margin-top: 15px
}

.enterprise .member-row {
  position: relative;
  padding: 15px 0 15px 40px;
  min-height: 33px;
  border-top: 1px solid #eee;
  font-size: 12px
}

.enterprise .member-row .avatar {
  position: absolute;
  left: 0;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 28px
}

.enterprise .member-row .name {
  font-weight: 700;
  color: #333;
  margin-bottom: 5px
}

.enterprise .member-row .email {
  color: #666
}

.enterprise .member-row .action {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  color: #41464b
}

.enterprise .member-row .dropdown-menu {
  padding: 10px 0px;
  line-height: 2
}

.enterprise .member-row .dropdown-menu:before, .enterprise .member-row .dropdown-menu:after {
  position: absolute;
  content: ' ';
  z-index: 10;
  width: 0;
  height: 0;
  top: -16px;
  margin-left: -8px;
  left: 50%;
  border: 8px solid transparent;
  border-bottom-color: #ededed
}

.enterprise .member-row .dropdown-menu:after {
  border-bottom-color: #fff;
  top: -15px
}

.enterprise .member-row .dropdown-menu .red {
  color: #ba3636
}

.enterprise .member-row .dropdown-item {
  padding: 0 20px;
  line-height: 30px
}

.enterprise .member-row .dropdown-item:hover {
  background: #f7f7f7
}

.enterprise .settings .creator-only {
  display: none
}

.enterprise .settings.creator .creator-only {
  display: block
}

.enterprise .settings .action {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px
}

.enterprise .settings.member .action {
  display: none
}

.enterprise .settings .action.show {
  display: block
}

.enterprise .billings .status-banner {
  background: #fff7c5;
  height: 45px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  line-height: 45px
}

.enterprise .billings .status-banner .link {
  color: #4a90e2;
  text-decoration: none;
  cursor: pointer
}

.enterprise .billings .status-banner.red {
  background: #e95555;
  color: #ffffff
}

.enterprise .billings .balance {
  width: 280px;
  float: left;
  margin-bottom: 25px
}

.enterprise .billings .status-row {
  position: relative
}

.enterprise .billings .balance-row, .enterprise .billings .status-row {
  margin-bottom: 15px;
  color: #999;
  font-size: 14px;
  line-height: 30px
}

.enterprise .billings .balance-row .label, .enterprise .billings .status-row .label {
  display: inline-block;
  width: 110px;
  padding-left: 20px;
  vertical-align: middle
}

.enterprise .billings .balance-row .amount, .enterprise .billings .status-row .amount {
  color: #333;
  font-size: 18px;
  margin-right: 12px
}

.enterprise .billings .balance-row .value, .enterprise .billings .status-row .value {
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertial-align: middle
}

.enterprise .billings .balance-row .value.red, .enterprise .billings .status-row .value.red {
  color: #E95555
}

.enterprise .billings .balance-row .buttons, .enterprise .billings .status-row .buttons {
  position: absolute;
  left: 269px;
  top: 0
}

.enterprise .billings .balance-row .buttons .btn, .enterprise .billings .status-row .buttons .btn {
  padding: 0;
  width: 90px;
  margin-left: 10px
}

.enterprise .billings .balance-row .buttons .btn.first, .enterprise .billings .status-row .buttons .btn.first {
  margin-left: 0
}

.enterprise .billings .balance-row .invoice, .enterprise .billings .status-row .invoice {
  margin-left: 90px;
  display: inline-block;
  font-size: 14px;
  margin-left: 52px
}

.enterprise .billings .order-list {
  border-collapse: collapse;
  width: 100%
}

.enterprise .billings .order-list thead {
  background-color: #f5f5f5
}

.enterprise .billings .order-list tr {
  height: 38px;
  line-height: 38px;
  text-align: left
}

.enterprise .billings .order-list th {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  white-space: nowrap
}

.enterprise .billings .order-list td {
  color: #333;
  font-size: 12px;
  padding-left: 20px
}

.enterprise .billings .order-list .text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100px;
  overflow: hidden
}

.enterprise .billings .order-list .empty {
  padding: 20px 0;
  text-align: center
}

.enterprise .transfer-team .ui-list {
  max-height: 300px;
  overflow-y: auto;
  margin: 0 -40px 0 -40px
}

.enterprise .transfer-team .invitation-user-li {
  padding-left: 40px;
  padding-right: 40px
}

.enterprise .transfer-team .operation-icon {
  right: 40px
}

.enterprise .transfer-team .modal-actions span {
  margin-right: 20px;
  color: #999
}

.enterprise-inner {
  margin-left: calc(100vw - 100%)
}

.tel {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  padding: 0 20px;
  margin-right: 14px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  background: url() left center no-repeat
}

.tel-detail {
  float: right;
  margin-left: 5px
}

.tel-detail .tel-detail-number, .tel-detail .tel-detail-time {
  display: block;
  line-height: 1
}

.tel-detail .tel-detail-time {
  font-size: 12px;
  transform: scale(0.8);
  color: #b6b6b6;
  margin-top: 3px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .tel {
    background: url() left center no-repeat;
    background-size: 14px 14px
  }
}

.enterprise-list-empty {
  position: absolute;
  top: 45%;
  width: 736px;
  text-align: center
}

.enterprise-list-empty-icon {
  display: block;
  height: 56px;
  width: 54px;
  margin-left: auto;
  margin-right: auto;
  background: url() no-repeat;
  background-size: 108px 172px;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .enterprise-list-empty-icon {
    background: url() no-repeat;
    background-size: 54px 86px;
    background-position: 0px -30px;
    height: 56px;
    width: 54px
  }
}

.enterprise-list-empty-info {
  line-height: 14px;
  font-size: 14px;
  line-height: 1em;
  padding-top: 14px;
  color: #dbdbdb;
  display: inline-block
}

.dialog-close-btn {
  cursor: pointer;
  padding: 10px;
  top: 25px;
  right: 30px
}

.billing-form .form-header {
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

.billing-form .form-group {
  position: relative;
  padding-left: 85px;
  margin-bottom: 10px
}

.billing-form .form-group textarea {
  resize: vertical;
  height: 68px
}

.billing-form label {
  position: absolute;
  left: 0;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  line-height: 34px
}

.billing-form .required label:after {
  content: "*";
  color: #e95555;
  margin-left: 2px
}

.dialog-close-icon {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 36px;
  right: 40px;
  width: 10px;
  height: 10px;
  background-image: url("../scripts/cow/common/components/fileMover/images/close.png");
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .dialog-close-icon {
    background-image: url("../scripts/cow/common/components/fileMover/images/close@2x.png")
  }
}

.dialog-close-icon:hover {
  background-image: url("../scripts/cow/common/components/fileMover/images/close_hover.png");
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .dialog-close-icon:hover {
    background-image: url("../scripts/cow/common/components/fileMover/images/close_hover@2x.png")
  }
}

body>.alert {
  position: fixed;
  text-align: center;
  top: 57px;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: none
}

body>.alert.error {
  background: none
}

body>.alert.top {
  top: 7px
}

body>.alert.top .alert-wrap {
  max-width: none
}

body>.alert.tip {
  left: 50vw;
  margin-left: -620px;
  right: initial;
  top: initial;
  bottom: 20px
}

body>.alert.tip .alert-wrap {
  text-align: left;
  padding: 16px 30px 16px 16px;
  background: white;
  width: 160px
}

body>.alert.tip .alert-wrap .content {
  margin-top: 0
}

body>.alert .alert-wrap {
  max-width: 410px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  border-radius: 1px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.4);
  -moz-box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.4);
  -ms-box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.4);
  -o-box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.4);
  z-index: 2000;
  background-color: #DDE7F3;
  padding: 6px 52px;
  pointer-events: auto
}

body>.alert .alert-wrap .title {
  color: #333;
  font-size: 14px
}

body>.alert .alert-wrap .title .hicon {
  display: none
}

body>.alert .alert-wrap .content {
  margin-top: 10px;
  font-size: 12px;
  color: #666
}

body>.alert .alert-wrap .title, body>.alert .alert-wrap .content {
  line-height: 22px;
  word-break: break-all
}

body>.alert .alert-wrap .title span.blue, body>.alert .alert-wrap .content span.blue {
  color: #6886aa;
  padding-left: 0.2em;
  padding-right: 0.2em
}

body>.alert.error .alert-wrap {
  background-color: #F9DFDD
}

body>.alert.error .alert-wrap .title .hicon {
  display: inline;
  color: #ee7b70
}

@media screen and (max-width: 1300px) {
  body>.alert.tip {
    left: 30px;
    margin-left: 0
  }
}

.flat-dialog-wrapper {
  display: none;
  position: fixed;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

.flat-dialog-wrapper.active {
  display: block
}

.flat-dialog-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(246, 246, 246, 0.92)
}

.flat-dialog-content {
  background: #fff;
  width: 480px;
  height: 330px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -moz-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -ms-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  -o-box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  box-shadow: 0px 2px 3px 0px rgba(215, 215, 215, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -155px;
  margin-left: -240px
}

.save-doc-info, .save-doc-title {
  margin-top: 112px;
  font-size: 16px;
  color: #41464b
}

.save-doc-title {
  margin-top: 90px
}

.doc-share-info {
  font-size: 14px;
  color: #666;
  margin-top: 20px
}

.flat-dialog-btn {
  width: 296px;
  height: 44px;
  background: #41464b;
  border-radius: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  margin: 16px auto
}

.flat-dialog-btn:hover {
  background: #313438
}

.flat-dialog-btn:active {
  background: #2c3033
}

.flat-dialog-btn span {
  line-height: 44px
}

.stay-here-btn {
  color: #666;
  font-size: 14px;
  cursor: pointer
}

.stay-here-btn:hover {
  color: #41464b
}

.stay-here-btn:active {
  color: #2c3033
}

.shimo-modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6)
}

.shimo-modal {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin-left: -210px;
  margin-top: -105px;
  width: 340px;
  min-height: 150px;
  background-color: #fafafa;
  padding: 30px 40px;
  border-radius: 3px;
  color: #666
}

.shimo-modal-header {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  color: #666;
  margin-bottom: 24px
}

.shimo-modal-header .icon-close {
  position: absolute;
  cursor: pointer;
  padding: 10px;
  top: 20px;
  right: 30px
}

.shimo-modal-content {
  font-size: 14px;
  color: #666;
  min-height: 52px;
  margin-bottom: 30px
}

.shimo-modal-actions {
  text-align: right
}

.shimo-modal-actions .btn {
  font-size: 14px
}

.shimo-modal-actions .action-message {
  font-size: 12px;
  margin-right: 20px
}

.user-guide, .user-guide * {
  box-sizing: border-box
}

.user-guide {
  position: relative;
  width: 680px;
  height: 410px;
  position: fixed;
  bottom: 10px;
  left: -770px;
  padding: 30px 40px 40px 40px;
  background-color: rgba(245, 245, 245, 0.97);
  border: 1px solid #D5D5D5;
  border-left: 0 none;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.2s ease-in;
  transition: left 0.2s ease-in
}

.user-guide.active {
  left: 0
}

.user-guide .icon-close {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 30px;
  font-size: 15px
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-item {
  padding-bottom: 18px
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-item.selected {
  font-weight: bold
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-wrap {
  border-bottom-color: #d5d5d5
}

.user-guide .guide-group {
  padding-top: 17px
}

.user-guide .guide-list-wrapper {
  display: inline-block;
  position: relative;
  height: 296px
}

.user-guide .guide-list {
  height: 296px;
  width: 150px;
  overflow-y: auto;
  border-right: 1px solid #d5d5d5
}

.user-guide .guide-content-wrapper {
  margin-top: 10px;
  position: relative
}

.user-guide .group-label {
  font-size: 12px;
  line-height: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #ccc
}

.user-guide .guide-list-item {
  height: 40px;
  margin-left: -40px;
  padding-left: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  cursor: pointer
}

.user-guide .guide-list-item.active {
  color: #333;
  font-weight: bold
}

.user-guide .guide-list-item:hover {
  background-image: linear-gradient(90deg, rgba(237, 237, 237, 0) 25%, #ededed 56%)
}

.user-guide .guide-content {
  display: inline-block;
  position: relative;
  width: 410px;
  max-height: 313px;
  margin-left: 37px;
  vertical-align: top;
  overflow: hidden
}

.user-guide .guide-content .guide-img {
  width: 410px;
  min-height: 191px;
  margin-top: 14px;
  transition: all 0.2s;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  border: 1px solid #E8E8E8
}

.user-guide .guide-content.scroll-bottom::after, .user-guide .guide-list-wrapper.scroll-bottom::after {
  display: none
}

.user-guide .guide-content::after, .user-guide .guide-list-wrapper::after {
  content: '';
  width: 100%;
  height: 65px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("https://assets-cdn.shimo.im/assets/images/list_fade_mask-f19b6a4569.png");
  background-size: 100% 65px;
  pointer-events: none
}

.user-guide .guide-desc {
  font-size: 14px;
  color: #888;
  line-height: 25px
}

.user-guide .guide-desc b {
  color: #666
}

.user-list, .user-list * {
  box-sizing: border-box
}

.user-list {
  height: 340px
}

.user-list.empty {
  position: relative
}

.user-list.empty:before {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0 0
}

.user-list .sm-dropdown-button.no-overlay, .search-result-user-list .sm-dropdown-button.no-overlay {
  color: #A5A5A5
}

.user-list-item {
  display: flex;
  align-items: center;
  height: 45px;
  font-size: 12px
}

.user-list-item .avatar {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: transparent !important
}

.user-list-item .name {
  display: flex;
  align-items: center;
  flex: 0 0 110px;
  padding: 0 10px;
  color: #666666
}

.user-list-item .email {
  flex: 1;
  padding: 0 10px;
  color: #A5A5A5
}

.spinner-wrap {
  font-size: 48px;
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em
}

.spinner-wrap .spinner-blade {
  position: absolute;
  left: .4629em;
  bottom: 0;
  width: .074em;
  height: .2777em;
  border-radius: .0555em;
  background-color: transparent;
  transform-origin: center -.2222em;
  animation: spinner-fade 1s infinite linear
}

.spinner-wrap .spinner-blade:nth-child(1) {
  background-color: #fff;
  animation-delay: 0.1s;
  transform: rotate(0deg)
}

.spinner-wrap .spinner-blade:nth-child(2) {
  background-color: #fff;
  animation-delay: 0.183s;
  transform: rotate(30deg)
}

.spinner-wrap .spinner-blade:nth-child(3) {
  background-color: #fff;
  animation-delay: 0.266s;
  transform: rotate(60deg)
}

.spinner-wrap .spinner-blade:nth-child(4) {
  background-color: #fff;
  animation-delay: 0.349s;
  transform: rotate(90deg)
}

.spinner-wrap .spinner-blade:nth-child(5) {
  background-color: #fff;
  animation-delay: 0.432s;
  transform: rotate(120deg)
}

.spinner-wrap .spinner-blade:nth-child(6) {
  background-color: #fff;
  animation-delay: 0.515s;
  transform: rotate(150deg)
}

.spinner-wrap .spinner-blade:nth-child(7) {
  background-color: #fff;
  animation-delay: 0.598s;
  transform: rotate(180deg)
}

.spinner-wrap .spinner-blade:nth-child(8) {
  background-color: #fff;
  animation-delay: 0.681s;
  transform: rotate(210deg)
}

.spinner-wrap .spinner-blade:nth-child(9) {
  background-color: #fff;
  animation-delay: 0.764s;
  transform: rotate(240deg)
}

.spinner-wrap .spinner-blade:nth-child(10) {
  background-color: #fff;
  animation-delay: 0.847s;
  transform: rotate(270deg)
}

.spinner-wrap .spinner-blade:nth-child(11) {
  background-color: #fff;
  animation-delay: 0.93s;
  transform: rotate(300deg)
}

.spinner-wrap .spinner-blade:nth-child(12) {
  background-color: #fff;
  animation-delay: 1.013s;
  transform: rotate(330deg)
}

.spinner-wrap .spinner-blade:nth-child(1) {
  background-color: rgba(255, 255, 255, 0)
}

.spinner-wrap .spinner-blade:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.25)
}

.spinner-wrap .spinner-blade:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.5)
}

.spinner-wrap .spinner-blade:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.75)
}

@keyframes spinner-fade {
  0% {
    background-color: #fff
  }
  100% {
    background-color: transparent
  }
}

.header-search-wrap {
  z-index: 99
}

.file-search-entry {
  color: #666
}

.file-search-entry:hover {
  color: #333
}

.team-icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -140px -20px
}

.team-icon-delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -340px -20px
}

.team-icon-delete:hover {
  background-position: -340px -60px
}

.team-icon-delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -340px -20px
}

.team-icon-delete:hover {
  background-position: -340px -60px
}

.search-clear-icon {
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 5px;
  right: 5px;
  background-image: url();
  background-size: 12px 12px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .search-clear-icon {
    background-image: url()
  }
}

.search-input-wrap {
  position: relative;
  margin-top: 15px
}

.search-input-icon {
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 16px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-image: url();
  background-size: 18px 18px
}

.header-search-icon {
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-image: url();
  background-size: 18px 18px
}

.file-search-entry:hover .header-search-icon {
  background-image: url()
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .search-input-icon, .header-search-icon {
    background-image: url()
  }
  .file-search-entry:hover .header-search-icon {
    background-image: url()
  }
}

.header-search-input {
  height: 18px;
  width: 325px;
  padding: 1px 23px 4px 42px;
  text-indent: 2px;
  line-height: normal;
  font-size: 12px;
  color: #000;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width 100ms ease-in-out;
  -moz-transition: width 100ms ease-in-out;
  transition: width 100ms ease-in-out
}

.header-search-input:focus {
  border-bottom: 1px solid #666 !important
}

.file-search-enter .header-search-input, .file-search-leave-active .header-search-input {
  width: 22px
}

.file-search-enter.file-search-entry, .file-search-leave-active.file-search-entry {
  display: none
}

.file-search-leave.file-search-entry, .file-search-enter-active.file-search-entry {
  display: none
}

.file-search-leave .header-search-input {
  width: 22px
}

.file-search-enter-active .header-search-input {
  width: 325px
}

.search-result-wrap {
  width: auto;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 8px #ccc;
  -moz-box-shadow: 0px 2px 8px #ccc;
  -ms-box-shadow: 0px 2px 8px #ccc;
  -o-box-shadow: 0px 2px 8px #ccc;
  box-shadow: 0px 2px 8px #ccc;
  background: white;
  padding-top: 10px;
  padding-bottom: 10px
}

.search-no-result {
  line-height: 30px
}

.search-loading {
  height: 40px
}

.search-loading-img {
  width: 25px;
  margin-top: 7px
}

.search-result-list {
  overflow: auto
}

.search-loading, .search-no-result {
  position: relative;
  text-align: center;
  color: #777;
  height: 30px
}

.search-result-item {
  height: 58px;
  color: #333;
  padding: 7px 20px 0 15px;
  cursor: pointer;
  box-sizing: border-box
}

.search-result-item.active {
  background: #f7f7f7
}

.search-result-item.folder {
  height: 40px
}

.file .search-result-info {
  padding-top: 2px
}

.file .search-result-content-text {
  padding-top: 2px
}

.search-result-info {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  line-height: 20px
}

.search-result-title, .search-result-time {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  color: #666;
  vertical-align: middle
}

.search-result-title em, .search-result-time em {
  background-color: #dfeaf6;
  font-style: normal;
  padding-left: 2px;
  padding-right: 2px
}

.search-result-title {
  max-width: 222px;
  padding-left: 8px;
  font-weight: bold
}

.search-result-time {
  position: absolute;
  right: 0;
  top: 1px;
  color: #a5a5a5
}

.search-result-content {
  height: 12px;
  line-height: 1;
  padding-left: 28px;
  margin-top: 4px;
  font-size: 12px;
  width: 320px;
  box-sizing: border-box
}

.search-result-content em {
  background-color: #dfeaf6;
  font-style: normal;
  padding-left: 2px;
  padding-right: 2px
}

.search-result-content-text {
  max-width: 324px;
  padding-right: 2px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #888
}

.search-result-content-text, .search-result-time, .search-result-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.search-star-icon {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  margin-top: 1px;
  vertical-align: middle;
  background-size: 6px 12px;
  background-image: url();
  background-position: 0px -2px;
  background-repeat: no-repeat
}

.folder .search-star-icon {
  margin-top: 2px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .search-star-icon {
    background-image: url()
  }
}


/*!
 * Quill Editor v1.1.5
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11pt;
  height: 100%;
  margin: 0px;
  position: relative
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}

.ql-clipboard p {
  margin: 0;
  padding: 0
}

.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word
}

.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol, .ql-editor ul {
  padding-left: 20px
}

.ql-editor ol>li, .ql-editor ul>li {
  list-style-type: none
}

.ql-editor ul>li::before {
  content: '\25CF'
}

.ql-editor li::before {
  display: inline-block;
  margin-right: 4px;
  text-align: right;
  white-space: nowrap;
  width: 15px
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -19px
}

.ql-editor ol li, .ql-editor ul li {
  padding-left: 19px
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num
}

.ql-editor ol li:before {
  content: counter(list-num, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 40px
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 59px
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 59px
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 80px
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 99px
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 99px
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 120px
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 139px
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 139px
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 160px
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 179px
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 179px
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 200px
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 219px
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 200px
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 219px
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 240px
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 259px
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 240px
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 259px
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 280px
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 299px
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 280px
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 299px
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 320px
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 339px
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 320px
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 339px
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 360px
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 379px
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 360px
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 379px
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
  background-color: #000
}

.ql-editor .ql-bg-red {
  background-color: #e60000
}

.ql-editor .ql-bg-orange {
  background-color: #f90
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0
}

.ql-editor .ql-bg-green {
  background-color: #008a00
}

.ql-editor .ql-bg-blue {
  background-color: #06c
}

.ql-editor .ql-bg-purple {
  background-color: #93f
}

.ql-editor .ql-color-white {
  color: #fff
}

.ql-editor .ql-color-red {
  color: #e60000
}

.ql-editor .ql-color-orange {
  color: #f90
}

.ql-editor .ql-color-yellow {
  color: #ff0
}

.ql-editor .ql-color-green {
  color: #008a00
}

.ql-editor .ql-color-blue {
  color: #06c
}

.ql-editor .ql-color-purple {
  color: #93f
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-9 {
  font-size: 9pt
}

.ql-editor .ql-size-10 {
  font-size: 10pt
}

.ql-editor .ql-size-12 {
  font-size: 12pt
}

.ql-editor .ql-size-14 {
  font-size: 14pt
}

.ql-editor .ql-size-18 {
  font-size: 18pt
}

.ql-editor .ql-size-24 {
  font-size: 24pt
}

.ql-editor .ql-size-30 {
  font-size: 30pt
}

.ql-editor .ql-size-36 {
  font-size: 36pt
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}

.ql-editor .ql-align-center {
  text-align: center
}

.ql-editor .ql-align-justify {
  text-align: justify
}

.ql-editor .ql-align-right {
  text-align: right
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c
}

.ql-snow {
  box-sizing: border-box
}

.ql-snow * {
  box-sizing: border-box
}

.ql-snow .ql-hidden {
  display: none
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden
}

.ql-snow .ql-tooltip {
  position: absolute
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle
}

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444
}

.ql-snow .ql-empty {
  fill: none
}

.ql-snow .ql-even {
  fill-rule: evenodd
}

.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1
}

.ql-snow .ql-transparent {
  opacity: 0.4
}

.ql-snow .ql-direction svg:last-child {
  display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none
}

.ql-snow .ql-editor h1 {
  font-size: 2em
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em
}

.ql-snow .ql-editor h4 {
  font-size: 1em
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em
}

.ql-snow .ql-editor a {
  text-decoration: underline
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px
}

.ql-snow .ql-editor code, .ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px
}

.ql-snow .ql-editor code:before, .ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible
}

.ql-snow .ql-editor img {
  max-width: 100%
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1
}

.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
  width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5'
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value]::before {
  font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em
}

.ql-snow .ql-picker.ql-font {
  width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
  width: 46px
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '11'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='9']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='9']::before {
  content: '9'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10']::before {
  content: '10'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12']::before {
  content: '12'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14']::before {
  content: '14'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18']::before {
  content: '18'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24']::before {
  content: '24'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30']::before {
  content: '30'
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36']::before {
  content: '36'
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, "\5B8B\4F53", Heiti, "\9ED1\4F53", sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 10px
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-top: 0px
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  margin-top: 10px;
  padding: 5px 12px;
  white-space: nowrap
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px
}

.ql-snow .ql-tooltip a {
  line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"
}

.ql-snow a {
  color: #06c
}

.ql-container.ql-snow {
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, "\5B8B\4F53", Heiti, "\9ED1\4F53", sans-serif;
  -webkit-font-smoothing: antialiased
}

.ql-snow .ql-editor {
  padding: 11px 0 90px 0;
  overflow: hidden;
  font-size: 11pt;
  line-height: 1.7;
  color: #333;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 500px
}

.ql-snow .ql-editor p, .ql-snow .ql-editor h1, .ql-snow .ql-editor h2, .ql-snow .ql-editor h3, .ql-snow .ql-editor ol, .ql-snow .ql-editor ul, .ql-snow .ql-editor video, .ql-snow .ql-editor iframe {
  word-wrap: break-word;
  outline: none;
  padding: 0 100px
}

.ql-snow .ql-editor pre.ql-syntax {
  margin: 0 100px;
  background-color: #f0f0f0;
  color: #41464b
}

.ql-snow .ql-editor hr {
  border: none;
  margin: 0;
  padding: 0 100px
}

.ql-snow .ql-editor hr::after {
  content: '';
  display: block;
  height: 8px;
  border-bottom: 1px solid #41464b;
  margin-top: 1px;
  margin-bottom: 10px
}

.ql-snow .ql-editor .ql-table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 100px;
  font-size: 0
}

.ql-snow .ql-editor .ql-table .h-view {
  position: static;
  width: auto;
  top: auto
}

.ql-snow .ql-editor .ql-table .s-body {
  font-size: 11pt;
  opacity: 1
}

.ql-snow .ql-editor .ql-table .ht_master .wtHider {
  position: static
}

.hljs-comment, .hljs-quote {
  color: #8e908c
}

.hljs-variable, .hljs-template-variable, .hljs-tag, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion {
  color: #c82829
}

.hljs-number, .hljs-built_in, .hljs-builtin-name, .hljs-literal, .hljs-type, .hljs-params, .hljs-meta, .hljs-link {
  color: #f5871f
}

.hljs-attribute {
  color: #eab700
}

.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition {
  color: #718c00
}

.hljs-title, .hljs-section {
  color: #4271ae
}

.hljs-keyword, .hljs-selector-tag {
  color: #8959a8
}

.hljs {
  display: block;
  overflow-x: auto;
  background: white;
  color: #4d4d4c;
  padding: 0.5em
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: bold
}

.ql-view-inner {
  position: absolute;
  width: 100%;
  height: calc(100% - 52px);
  overflow-x: hidden;
  overflow-y: auto
}

.ql-papper {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 46px;
  -webkit-box-shadow: 0px 1px 6px #ccc;
  -moz-box-shadow: 0px 1px 6px #ccc;
  -ms-box-shadow: 0px 1px 6px #ccc;
  -o-box-shadow: 0px 1px 6px #ccc;
  box-shadow: 0px 1px 6px #ccc
}

.ql-papper.pc {
  min-height: 1172px
}

.ql-papper.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.ql-papper .ql-title-box {
  margin: 0 100px;
  width: auto;
  font-size: 22.5pt;
  height: 60px;
  padding-top: 90px;
  border-bottom: 1px solid #e8ecf1
}

.ql-papper .ql-title-box input {
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: bold
}

.ql-papper .ql-toolbar {
  position: fixed;
  background-color: #f0f0f0;
  top: 50px;
  height: 46px;
  padding-top: 14px;
  margin-left: -2px;
  white-space: nowrap;
  border: none;
  z-index: 101
}

.ql-operation {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: fixed;
  right: 20px;
  top: 50px;
  width: 108px;
  padding-top: 2px;
  width: 166px;
  z-index: 101
}

.user {
  border-right: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
}
